html { height: 100%; }

body { height: 100%; background:#faf8ef url(../images/body_bg.gif) repeat-x 0 72px; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote, table {margin:0;padding:0;}
th, td { font-family:µ¸¿ò, AppleGothic, arial, sans-serif; font-size: 12px ; color:#777777 ;  }

#header {width:830px; height: 100px ; margin:0 auto ;text-align:left; }
#container {width:830px;margin:0 auto ;text-align:left; clear:both;}

.idx 		{ width:810px ; height:340px ; background:url(../images/corner.gif) no-repeat 0 0; position:relative ; float:left ; padding-top:10px ; padding-left:10px ; }
.idx_bttn 	{ position:absolute ; top:240px ; left:390px ; }
.idx_right 	{ position:absolute ; top:0 ; left:610px ; height:310px ; background:url(../images/ver_bar.gif) no-repeat 0 0 ; padding-left:20px ; float:left  }
.idx_msg 	{ position:absolute ; top:220px ; left:405px ; }

.idx_history { padding-top:7px ; padding-bottom:8px ; }
.idx_history img  { float:left ; margin-right:10px; }
.idx_history p  { padding-top:5px ; line-height:1.4 }

.talkLine { width:100% ; height:15px ; background:url(../images/dot_line.gif) repeat-x 0 0; }
.talkHead1 { position:relative ; background-color:#f7f3e9 ; padding:6px 0 6px 10px ; border-top:1px solid #eee0b6 ; }
.talkHead2 { position:relative ; background:url(../images/icon_re.gif) no-repeat 40px 0 ; padding:0 0 0 55px ; }
.talkHead3 { position:relative ; background:url(../images/icon_re.gif) no-repeat 0 0 ; padding:0 0 0 15px ;}

.talkBody1 { font-size:11px ; line-height:1.6 ; word-break:break-all; word-spacing:-1px ; padding:10px 10px 20px 10px }
.talkBody2 { font-size:11px ; line-height:1.6 ; word-break:break-all; word-spacing:-1px ; padding:5px 10px 20px 55px }
.talkBody3 { font-size:11px ; line-height:1.6 ; word-break:break-all; word-spacing:-1px ; padding:5px 10px 20px 15px }

.talkHead { font-size:11px ; color:#996633 ; font-weight:bold ; padding:5px 5px 2px 5px;  }
.talkHead span { font-weight:normal ; font-family:±¼¸² ; font-size:11px ; color:#666}


.talkAdm { position:absolute ; top:13px ; left:500px ; z-index:2000 }


.idxOn 		{ border-left:1px solid #cc6600 ; border-top:1px solid #cc6600 ; border-right:1px solid #cc6600 ; }
.idxOff 	{ border-left:1px solid #e8d2b8 ; border-top:1px solid #e8d2b8 ; border-right:1px solid #e8d2b8 ; border-bottom:1px solid #cc6600 ; }
.idxSide	{ border-bottom:1px solid #cc6600 }
.idxMenu	{ height:26px ; position:relative ; }
.idxMenu p 	{ position:absolute ; left:20px ; top:7px ; }
.idxMenu span 	{ font-family:Tahoma, Arial ; font-size:10px ; color:#cc9966 ; position:absolute ; left:68px ; top:6px ; }

.foot { background: url(../images/foot_bg.gif) repeat-x left bottom; padding-top:80px ; }

A 			{ color:#996633; text-decoration:none;}
A:link 		{ color:#996633; text-decoration:none; }
A:visited 	{ color:#996633; text-decoration:none; }
A:active 	{ color:#996633; text-decoration:none; }
A:hover 	{ color:#996633; text-decoration:underline; }
table 		{ border-collapse:collapse; border-spacing:0; }
.clear { clear:both ;  }

#container h1 { width:800px ; background:url(../images/dot_gray.gif) repeat-x 0 50px ; font-size:11px; padding-top:20px ; zoom:1 ;}
#container h1 .st1 { float:left}
#container h1 .st2 { padding-top:10px ; float:right}
#container h1:after{ content:"È÷µç ¿µ¿ªÀÔ´Ï´Ù"; display:block; clear:both; clear:both; height:0; visibility:hidden;}


.mycoffee_menu { width:160px ; height:400px ; padding-top:55px ; background:url(../images/corner_grade.gif) no-repeat 144px 30px; float:left }
.mycoffee_menu ul { margin: 1px; padding: 0; list-style-type: none; }
.mycoffee_menu ul li { padding:8px 0 5px 8px ; border-bottom:1px solid #e5ddd0 ; }
.mycoffee_menu img {border:0 }

.mycoffee_content { width:640px ; background:url(../images/corner_top.gif) no-repeat 0 30px;  padding-top:60px ; padding-left:20px ;float:left ;}

.helpdesk_menu { width:168px ; height:400px ; padding-top:25px ; background:url(../images/ver_bar.gif) no-repeat 144px 30px; float:left }
.helpdesk_menu ul { width:130px ; margin: 1px; padding: 0; list-style-type: none; }
.helpdesk_menu ul li { padding:8px 0 5px 8px ; border-bottom:1px solid #e5ddd0 ; }
.helpdesk_menu img {border:0 }

.helpdesk_content { width:630px ; padding-top:35px ; float:left ;}

.afternote_menu { width:168px ; height:400px ; padding-top:25px ; background:url(../images/ver_bar.gif) no-repeat 144px 30px; float:left }
.afternote_menu ul { width:130px ; margin: 1px; padding: 0; list-style-type: none; }
.afternote_menu ul li { padding:8px 0 5px 8px ; border-bottom:1px solid #e5ddd0 ; }
.afternote_menu img {border:0 }
.afternote_list { width:630px ; padding-top:35px ; float:left ;}
.afternote_content { width:800px ; padding-top:25px ; float:left ;}



.faq_q { background:url(../images/icon_coffee2.gif) no-repeat 10px 10px; background-color:#f7f3e9 ; padding:12px 0 8px 35px ; color:#996633 ; border-top:1px solid #eee0b6 ; }
.faq_a { line-height:1.5 ; word-spacing:-1px ; padding:10px 10px 20px 35px }


.fullcity_bttm { background:url(../images/fullcity_bttm.gif) repeat-x 0 33px;}
.fullcity_top { background:url(../images/fullcity_top.gif) repeat-x 0 0;}

.tblToday caption { border-top: 1px solid #cc6600; border-bottom: 1px solid #eee0b6; padding-bottom:1px; }
.tblToday thead th { text-align:left ; color: #996600; background-color: #f7f3e9; padding: 8px 0 7px 10px ; border-bottom: 1px solid #eee0b6; }
.tblToday tbody th { font-weight:normal ; text-align:left ; font-size:12px ; background-color: #f7f3e9; padding : 8px 0 7px 10px ; border-bottom: 1px solid #eee0b6; border-right: 1px solid #eee0b6; }
.tblToday tbody td { padding : 8px 0 7px 10px ; border-bottom: 1px solid #eee0b6; }
.tblToday p { line-height:1.6 ; word-spacing:-1px ; padding: 5px 10px 5px 0}

.tblCoffee caption { border-top: 1px solid #cc6600; border-bottom: 1px solid #eee0b6; padding-bottom:1px; }
.tblCoffee thead th { color: #996600; background-color: #f7f3e9; padding: 8px 5px 7px 5px ; border-bottom: 1px solid #eee0b6;  }
.tblCoffee tbody th { font-weight:normal ; text-align:left ; font-size:12px ; background-color: #f7f3e9; padding: 8px 5px 7px 5px ; border-bottom: 1px solid #eee0b6; }
.tblCoffee tbody td { padding: 8px 5px 7px 5px ; border-bottom: 1px solid #eee0b6; }
.tblCoffee p { line-height:1.4 ; word-spacing:-1px ; }

.tblForm caption { border-top: 1px solid #cc6600; border-bottom: 1px solid #eee0b6; padding-bottom:1px; }
.tblForm thead th { text-align:left ; color: #996600; background-color: #f7f3e9; padding:8px 0 7px 10px ; border-bottom: 1px solid #eee0b6; }
.tblForm tbody th { font-weight:normal ; text-align:left ; font-size:12px ; background-color: #f7f3e9; padding:8px 0 7px 10px ; border-bottom: 1px solid #eee0b6; border-right: 1px solid #eee0b6; }
.tblForm tbody td { padding:4px 0 3px 10px ; border-bottom: 1px solid #eee0b6; }

.tblPrd caption { border-top: 1px solid #cc6600; border-bottom: 1px solid #eee0b6; padding-bottom:1px; }
.tblPrd thead th { color: #996600; background-color: #f7f3e9; padding-top:8px; padding-bottom:7px; border-bottom: 1px solid #eee0b6; }
.tblPrd tbody th { font-weight:normal ; text-align:left ; font-size:12px ; background-color: #f7f3e9; padding-top:7px; padding-bottom:6px; border-bottom: 1px solid #eee0b6; border-right: 1px solid #eee0b6; padding-left: 10px;  }
.tblPrd tbody td { padding-top:8px; padding-bottom:7px; border-bottom: 1px solid #eee0b6; }
.tblPrd p { font-family:±¼¸² ; font-size:13px ; font-weight:bold ; color:#cc6600 ; line-height:1.5 ; word-spacing:-1px ; }
.tblPrd p span { font-size:11px ; color:#999 ; font-weight:normal ; letter-spacing:0 ; }
.tblFoot { padding:15px ; background-color:#f7f3e9;border-bottom:1px solid #eee0b6;border-right:1px solid #eee0b6; }


.inputNum { font-family:µ¸¿ò ; font-size:9pt ; font-weight:bold ; color:#ff6600 ; background-color:#faf8ef ;border:none ; text-align:right }

.input_g { font-family: µ¸¿ò, Arial; font-size:10pt ; border: solid 1px #C6D9B3; color:#666666; }
.input_y { font-family: µ¸¿ò, Arial; font-size:10pt ; border: solid 1px #e8d2b8; color:#666666; }

.bullet_l {background:url(../images/bullet_l.gif) no-repeat 0 0; padding-left: 20px; color: #996600; font-weight:bold ; }
.bullet_orange {background:url(../images/bullet_orange.gif) no-repeat 5px 25px; padding-left: 20px; }
.bullet_tri2 { background: url(../images/bullet_tri2.gif) no-repeat 3px 3px; padding-left:10px; padding-right:4px;}

.tblSeller th { width:80px ;height:44px ;  background:url(../images/bg_menu_on.gif) no-repeat 1px 2px; text-align:center ;  }
.tblSeller td { width:80px ;height:44px ;  background:url(../images/bg_menu_off.gif) no-repeat 1px 2px; text-align:center ; }

.hdSeller { font-family:±¼¸² ; font-size:13px ; font-weight:bold ; color:#cc6600 ; line-height:1.4 ; word-spacing:-1px ;  }
.hdSeller span { font-size:11px ; color:#666 ; font-weight:normal ; word-spacing:-1px ; }

.subTtl { font-family:±¼¸² ; font-size:12px ; color:#996600 ;  font-weight:bold ;  background:url(../images/bullet_orange.gif) no-repeat 5px 4px; padding-left: 17px; padding-bottom: 6px ; }
.tiSeller { padding: 15px 0 6px 10px }

.pages { font-family: ±¼¸² ; font-size: 11px; color:#999; font-weight:bold; background-color:#f7f3e9 ; text-align:center ; margin-top:1px; padding:10px 0 10px 0 ;  }
.pages p { margin:0 ; }
.pages A { color:#999; }
.pages A:link { color:#999; }
.pages A:visited { color:#999; }
.pages A:active { color:#999; }
.pages A:hover { color:#FF9900; }
.pages span { color:#ff6600; }
.pages img { border:0 ; }

.notice { background: url(../images/notice_bg.gif) repeat-y -90px 0; }
.lt 	{ width:10px ; height:10px ; background: url(../images/notice_box.gif) no-repeat 0 0; }
.rt 	{ width:10px ; height:10px ; background: url(../images/notice_box.gif) no-repeat -17px 0; }
.lb 	{ width:10px ; height:10px ; background: url(../images/notice_box.gif) no-repeat 0 -17px; }
.rb 	{ width:10px ; height:10px ; background: url(../images/notice_box.gif) no-repeat -17px -17px; }
.ct 	{ background: url(../images/notice_dot.gif) repeat-x 0 0 ; }
.cl		{ background: url(../images/notice_dot.gif) repeat-y 0 0 ; }
.cr		{ background: url(../images/notice_dot.gif) repeat-y 9px 0 ; }
.cb		{ background: url(../images/notice_dot.gif) repeat-x 0 9px ; }

.notice p { line-height: 1.6 ; padding-top:2px; padding-bottom:2px; word-spacing:-1px; }

.ul_dot { color:#666 ; margin: 0; padding: 0; list-style-type: none; line-height:1.4}
.ul_dot li { background: url(../images/bullet_dot.gif) no-repeat 0 7px; padding-left: 8px; }

.ul_cross { margin: 0; padding: 0; list-style-type: none; line-height: 1.6; }
.ul_cross li { background: url(../images/bullet_cross.gif) no-repeat 2px 8px; padding-left:12px; padding-top:2px; padding-bottom:2px; word-spacing:-1px; }

.ul_square2 { margin: 0; padding: 0; color:#666666 ; list-style-type: none; line-height:18px ; }
.ul_square2 li { background: url(../images/bullet_square2.gif) no-repeat 0 3px; padding-left:10px ; padding-bottom:8px; word-spacing:-1px; }

.menu	{ width:89px ; height:42px ; position:relative ; float:left}
.menu img	{ border:0 ; z-index:1000 }
.menu p { position:absolute ; top:13px ; left:68px ; z-index:2000 }
.menu span { font-family:Tahoma ; font-size:10px ; color:#ff9933 ;}


.coffee { font-weight:bold ; color:#FF6600 ; }
.mocha 	{ color:#cc6600 ; }

.comments { background:url(../images/icon_balloon.gif) no-repeat 2px 2px ; padding:2px 2px 0 15px ; font-family:Verdana ; font-size:10px ; color:#ff6600 ; font-weight:bold ;  }

#cld { background: url(../images/cld_bg.gif) ; width:750px ;}
#cld .datebox { width:107px ; height:100px ; float:left ; }
#cld .dated { height:24px ; background-color:#f7f3e9 ; padding:8px 0 0 10px ; margin-right:1px ; margin-top:1px ; margin-bottom:8px ;}
#cld .datedt { height:24px ; background-color:#fbf3e3 ; padding:8px 0 0 10px ; margin-right:1px ; margin-top:1px ; margin-bottom:8px ;}
#cld .roast { padding:0 5px 15px 5px ; text-align:center}
#cld .roast p { font-size:11px ; letter-spacing:-1px ; line-height:1.4 ; padding-top:5px ; word-break:break-all; }
.clfoot { clear:both ; border-bottom:1px solid #eee0b6 ;  }

.weekbox { width:107px ; border-top:1px solid #eee0b6 ; border-bottom:1px solid #cc6600 ; padding-top:10px ; margin-bottom:2px ; float:left}


.afterHead 		{ width:100% ; float:left; background:url(../images/dot_liney.gif) repeat-x left bottom  ;font-size:11px ; padding-top:2px ; padding-bottom:5px ; }
.after_ti		{ float:left ; padding-top:2px ; font-size:12px ; color:#996633 ; font-weight:bold }
.after_wr		{ float:left ; padding-top:2px ; }
.after_date		{ float:left ; padding-top:2px ; }
.after_hit		{ float:left ; padding-top:2px ; }
.after_taste	{ float:right ; margin-right:2px ; color:#cc9966; }
.after_con 		{ font-size:11px ; padding-top :5px ; line-height:1.6 ; }
.after_con A 			{ color:#999; text-decoration:none }
.after_con A:link 		{ color:#777; text-decoration:none }
.after_con A:visited 	{ color:#777; text-decoration:none }
.after_con A:active 	{ color:#777; text-decoration:none }
.after_con A:hover 		{ color:#555; text-decoration:underline }
.after_con span 	{ color:#ff6600; }


.afterThumb 		{ float:left; height:65px ; border:1px solid #ededed; margin-right:10px ; }




.afternote 			{ float:left; height:63px ; background:url(../images/dot_liney.gif) repeat-x 0 22px ;font-size:11px ; padding-top:2px ; }
.afternote_ti		{ float:left ; padding-top:2px ; font-size:12px ; color:#996633 ; font-weight:bold }
.afternote_wr		{ float:left ; padding-top:2px ; }
.afternote_date		{ float:right ; padding-top:2px ; width:70px ; text-align:right }
.afternote_hit		{ float:right ; padding-top:2px ; width:50px ; margin-right:24px ; text-align:right}
.afternote_taste	{ float:right ; margin-right:2px ; color:#cc9966; }
.afternote_con 		{ padding-top :10px ; line-height:1.6 ; }
.afternote_con A 			{ color:#999; text-decoration:none }
.afternote_con A:link 		{ color:#777; text-decoration:none }
.afternote_con A:visited 	{ color:#777; text-decoration:none }
.afternote_con A:active 	{ color:#777; text-decoration:none }
.afternote_con A:hover 		{ color:#555; text-decoration:none }
.afternote_con span 	{ color:#ff6600; }