/***** Common(기본공통요소) *****/
html {overflow-y:scroll; height:100%;}
body{height:100%; margin:0; padding:0; font-size:12px; font-family:돋움; color:#000000; text-align:left; background:#ffffff url('') 50% top no-repeat;}
a{text-decoration:none; color:#858585;}
area {blr:expression(this.onFocus=this.blur());}
img{border:0; display:block;}
ul, ol, li{margin:0; padding:0; list-style:none;}
div, li, dl, dt, dd{margin:0; padding:0;}
h1, h2, h3, h4, h5{margin:0; padding:0;}
input, textarea, select{font-family:돋움; font-size:12px; color:#858585; margin:0; padding:0;}
form, p, fieldset{margin:0; padding:0;}
table, tr, th, td {margin:0; padding:0; border-collapse:collapse;}
a, area {blr:expression(this.onFocus=this.blur());}
/**** 도시락이벤트 201203 ****/
/** 메인 **/
.wrapper {}
.section1 {clear:both; width:100%; background:url('/Event/2012/03_dosirak/img/bg_top.jpg') top repeat-x;}
.section1 .content {background:url('/Event/2012/03_dosirak/img/bg_content.jpg') 50% top no-repeat;}
.section1 .content .contTop {width:900px; height:50px; background:url('/Event/2012/03_dosirak/img/bg_navi.jpg') 50% top no-repeat;}
.section1 .content .contTop .logo {float:left; margin:10px 0 0 0;}
.section1 .content .contTop .logo span {float:left;}
.section1 .content .contTop .menu_white {float:right; margin:20px 0 0 0;}
.section1 .content .contMain {width:900px;}
.section2 {clear:both; background:#decf9c;}
.section2 .title {width:900px;}
.section2 .reply1 {width:820px; text-align:center; background:#b3814b; padding:20px 40px 0px 40px;}
.section2 .reply1 .reTitle {width:820px; text-align:left; color:#3f2405; font-weight:bold; margin:0 0 5px 0px; }
.section2 .reply1 .reTitle span {font-weight:normal;}
.section2 .reply1 .reWrite {width:820px; text-align:left; float:left;}
.section2 .reply1 .reWrite dt {width:720px; height:62px; float:left;}
.section2 .reply1 .reWrite dt textarea {width:718px; height:60px; border:1px solid #ad763e; padding: 5px;}
.section2 .reply1 .reWrite dd {float:right;}
.section2 .reply1 .reList {width:820px; text-align:left; margin:0 0 20px 0; overflow:hidden;}
.section2 .reply1 .reList li {float:left; width:820px; padding: 10px 5px 10px 5px; display:inline; color:#ffffff; border-bottom:1px solid #c09366;}
.section2 .reply1 .reList li .nick {float:left; width:140px; padding:0 10px 0 0; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section2 .reply1 .reList li dd {float:right; width:670px;}
.section2 .reply1 .reList li .say {float:left; padding:0 10px 0 0;}
.section2 .reply1 .reList li .date {float:left; padding:0 8px 0 0; color:#d8b693;}
.section2 .reply1 .reList li .del {float:left;}
.section2 .reply1 .page {height:40px; margin:0 0 0 330px;}
.section2 .reply1 .page .pre {float:left; display:inline; padding:0 15px 0 0; width:15px; height:15px;}
.section2 .reply1 .page .pre a img {display:inline;width:15px; height:15px; }
.section2 .reply1 .page .next { float:left; display:inline; padding:0 0 0 10px; width:15px; height:15px;}
.section2 .reply1 .page .next a img {display:inline;}
.section2 .reply1 .page ul li {float:left; display:inline; padding:0 10px 0 0; font-weight:bold;}
.section2 .reply1 .page ul li a {color:#d8b693;}
.section2 .reply1 .page .on {color:#ffffff;}
.section3 {clear:both; background:#decf9c; padding:0 0 50px 0;}
.section3 .title {width:900px;}
.section3 .reply2 {width:820px; text-align:center; background:#b3814b; padding:20px 40px 0px 40px;}
.section3 .reply2 .reTitle {width:820px; text-align:left; color:#3f2405; font-weight:bold; margin:0 0 5px 0;}
.section3 .reply2 .reTitle span {font-weight:normal;}
.section3 .reply2 .reWrite {width:820px; text-align:left;}
.section3 .reply2 .reWrite dt {width:720px; height:34px; float:left;}
.section3 .reply2 .reWrite dt textarea {width:718px; height:32px; border:1px solid #ad763e; padding: 5px;}
.section3 .reply2 .reWrite dd {float:right;}
.section3 .reply2 .reList {width:820px; text-align:left; margin:0 0 20px 0; overflow:hidden;}
.section3 .reply2 .reList li {float:left; width:820px; padding: 10px 5px 10px 5px; display:inline; color:#ffffff; border-bottom:1px solid #c09366;}
.section3 .reply2 .reList li .nick {float:left; width:140px; padding:0 10px 0 0; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section3 .reply2 .reList li dd {float:right; width:670px;}
.section3 .reply2 .reList li .say {float:left; padding:0 10px 0 0;}
.section3 .reply2 .reList li .date {float:left; padding:0 8px 0 0; color:#d8b693;}
.section3 .reply2 .reList li .del {float:left;}
.section3 .reply2 .page {height:40px; margin:0 0 0 330px;}
.section3 .reply2 .page ul {float:left; font-weight:bold; color:#d8b693;}
.section3 .reply2 .page .pre {float:left; padding:0 15px 0 0;}
.section3 .reply2 .page .next {float:left; padding:0 0 0 10px; display:inline;}
.section3 .reply2 .page ul li {float:left; padding:0 10px 0 0; font-weight:bold;}
.section3 .reply2 .page ul li a {color:#d8b693;}
.section3 .reply2 .page .on a {color:#ffffff;}
.section4 {clear:both; background:#ffffff; width:900px; margin:30px 0 30px 0;}
/** 팝업 collect **/
.collectWrapping {float:left; position:relative; margin:0; padding:0; width:500px; height:460px; background:url('/Event/2012/03_dosirak/img/popup/bg_popup.jpg') no-repeat;}
.collectWrapping .join {text-align:center; margin:70px 0 0 0; color:#271d14; font-size:14px;}
.collectWrapping .item {position:absolute; top:146px; left:134px;}
.kimbob {width:288px; height:52px; margin:0 0 0 2px;}
.kimbob ul li {float:left; margin:0 14px 0 0;}
.kimbob p {margin:8px 0 0 0; float:right; font:bold 14px 'Dotum'; color:#633800;}
.sandwich {width:290px; height:49px;}
.sandwich ul li {float:left; margin:0 9px 0 0;}
.sandwich p {margin:6px 0 0 0; float:right; font:bold 14px 'Dotum'; color:#633800;}
.sushi {width:289px; height:48px; margin:0 0 0 1px;}
.sushi ul li {float:left; margin:0 11px 0 0;}
.sushi p {margin:6px 0 0 0; float:right; font:bold 14px 'Dotum'; color:#633800;}
.strawberry {width:286px; height:52px; margin:0 0 0 4px;}
.strawberry ul li {float:left; margin:0 17px 0 0;}
.strawberry p {margin:8px 0 0 0; float:right; font:bold 14px 'Dotum'; color:#633800;}
.collectWrapping .score {position:absolute; bottom:32px; left:190px; font:bold 20px 'Gulim'; color:#ffffff;}
.collectWrapping .btn {position:absolute; bottom:30px; right:25px;}
/** 팝업 result **/
.resultWrapping {width:300px; height:250px; text-align:center; font:normal 12px 'Dotum'; color:#000000; line-height:150%;}
.resultWrapping img {display:inline;}
.result1 {}
.result1 .message {position:relative; width:300px; height:150px; margin:40px 0 0 0;}
.result1 .message dt {}
.result1 .message dd {position:absolute; top:75px; left:0; width:100%; text-align:center;}
.result2 {}
.result2 .message {position:relative; width:300px; height:150px; margin:40px 0 0 0;}
.result2 .message dt {}
.result2 .message dd {position:absolute; top:75px; left:0; width:100%; text-align:center;}
.result3 {}
.result3 .message {position:relative; width:300px; height:70px; margin:45px 0 0 0; font-weight:bold;}
.result3 .reply {}
.result3 .reply dt {margin:0 0 2px 0;}
.result3 .reply .write {margin:0 0 10px 0;}
.result3 .reply .write textarea {width:250px; height:30px; border:1px solid #b5a378; padding: 5px;}
.result3 .reply .btn {}
/** 레이어 item **/
/*
.itemDosirak201203 {position:relative; width:56px;}
.itemDosirak201203 .item {position:absolute; top:0; left:0;}
.itemDosirak201203 .close {position:absolute; top:0; right:0; }*/