@charset "utf-8";
#contents p.check { clear:both; padding:0 30px 10px 48px; background:url(../images/common/icon_check1.gif) no-repeat 30px 2px;}
#contents p.check strong { color:#116702;}

.accessibilityInfo { margin:15px 0 0 0; padding-left:0; height:310px; background:url(../images/contents/accessibilityInfo_bg.gif) no-repeat 25px 0;} 
.accessibilityInfo li { float:left;} 
.accessibilityInfo li.con1 { padding-right:60px; width: 196px;} 
.accessibilityInfo li.con2 { padding-right:60px; width: 156px;} 
.accessibilityInfo li.con3 { width: 196px;} 

.movieBox { margin:15px 80px 15px 40px; height:275px; background:url(../images/common/line_green.gif) repeat-x left bottom; }
.movieBox .movieInfo { float: right;}
.movieBox .movieInfo h3 { margin:15px 0 60px 0;}
.movieBox .movieInfo li { padding-bottom:3px;}
.movieBox .movie-container { float:left; width:290px;}

.observerCon1, .observerCon2 { margin:0 10px 0 18px }
.observerCon1 li, .observerCon2 li { float:left; margin:5px 0 15px 15px;}
.observerCon1 li.first, .observerCon2 li.first { margin-left:0;}

.guideTab { margin-left:10px;}
.guideTab li { float:left; margin:8px 3px;}

.signGift li { float:left; padding:10px 0;}
#contents div.conDiv p.signWriteInfo { position:absolute; margin-top:-23px; margin-left:350px;} 
#contents div.conDiv p.signWriteInfo span { color:#f53c03; }
#contents fieldset.sign { margin-left:30px; padding:15px 0 0 20px; background:url(../images/contents/signbox_bg.gif) no-repeat 0 0; }/*  height:190px;  */
#contents fieldset.sign legend, h3.signView, .guideTab li span { text-indent:-999%; height:1px; width:1px; font-size:0; line-height:0;}
#contents fieldset.sign label { width:100px; display:block; float:left; padding:4px 12px 0 0; color:#096e06; font-weight:bold; text-align:right;}
#contents fieldset.sign input { border:1px solid #9f9f9f;}
#contents fieldset.sign p { clear:both; padding:2px 0; }
#contents fieldset.sign p span { position:absolute; margin:3px 0 0 190px;}
/*  #contents fieldset.sign p.signBtn input { margin:5px 0 0 113px; border:none;}  */
/* 추가 20100427 */
#contents .signwrap{margin-left:30px; background:url(../images/contents/signbox_bgBott2.gif) no-repeat left bottom; padding-bottom:8px; width:733px;}
#contents .signwrap fieldset.sign{display:block; width:100%; height:100%; overflow:hidden; margin-left:0; padding:15px 0 0 20px; background:url(../images/contents/signbox_bgTop.gif) no-repeat 0 0;}
#contents fieldset.sign p.signBtn input { margin:5px 0 0 113px; border:none;}
#contents .signwrap label.nomaltext {display:inline; float:none; padding:0; color:#3d3d3d; font-weight:normal; text-align:left;}
#contents fieldset.sign input#selection1, #contents fieldset.sign input#selection2, #contents fieldset.sign input#selection3{border:0;}
#contents .signwrap .comment{overflow:hidden;}
#contents .signwrap .comment span{display:block; width:500px; float:left; margin:0; position:static;}
#contents .signwrap .comment span input{margin-bottom:2px;}
#contents .signwrap p.selection{overflow:hidden;}
#contents .signwrap p.selection strong{display:block; width:100px; float:left; padding:4px 12px 0 0; color:#096E06; text-align:right;}
#contents .signwrap p.selection span{display:block; width:300px; float:left; margin:0; position:static;}
/* 웹접근성 지지 캠페인 추가_20100511 */
#contents .signwrat {padding-left:30px; background:url(../images/contents/signbox_bgBott2.gif) no-repeat 30px bottom; padding-bottom:8px; }
#contents .signwrat .endevent{ text-align:center; background:url(../images/contents/signbox_bgTop.gif) no-repeat 0 0; background-color:none; padding:0; width:733px; }
#contents .signwrat .endevent img{margin:40px 0 30px 0;}

.pagination { text-align:center; margin:13px; vertical-align:text-top;}

.signData { margin-left:30px; width:730px; }
.signData caption, .value caption { height:1px; width:1px; position:absolute; text-indent:-999%;}
.signData th, .signData td { padding:8px 0; text-align:left; vertical-align: top; color:#4a3b14; background:url(../images/common/line_sign.gif) repeat-x left bottom ;}
.signData th { font-weight:bold; padding-left:10px; width:75px;}
.signData td.date { width:140px; padding-right:8px; text-align:right; color:#606060;}

/* 준수방안 */
.guideBox { margin:5px 30px 5px 35px; overflow: hidden; border:1px solid #d4cdc3; }
#contents .guideBox .explain {float:left; width:594px; border-right:1px solid #d4cdc3; padding-right:5px;}
#contents .guideBox .explain h4 { margin:7px 0 10px 9px;}
#contents .guideBox .explain .info { padding:0 7px 5px 9px;}
#contents .guideBox .explain ul  {padding:0 7px 5px 9px; margin:0;}
#contents .guideBox .explain ul li { padding-left:10px; background:url(../images/contents/bullet_dot.gif) no-repeat 2px 7px;}
#contents .guideBox .explain .tip { padding:3px 4px; margin:2px 0 5px 7px; background:#ebebeb;}
#contents .guideBox p.imageBox { float:right; width:125px; text-align:center; padding:0; margin:5px 3px;}   
     
.qnaBox { position:relative; height:190px; margin-left:30px; padding:40px 0 0 35px; background:url(../images/contents/signbox_bg.gif) no-repeat 0 0; }
#contents .qnaBox .text { float:left; width:490px;}
#contents .qnaBox .text p { padding:0 0 20px 0;}
#contents .qnaBox .text2 { margin-top:15px; margin-left:30px;}
#contents .qnaBox .text2 p span { font-weight:bold; color:#006633;}
#contents .qnaBox p.img { position:absolute; top:30px; right:25px; width:174px;}
#contents .qnaBox p.img2 { position:absolute; top:50px; right:120px; width:200px;}

.misBox { margin-left:30px;}
.misBox h3 img { padding:18px 0 15px 0;}
#contents .misBox p { padding:0 50px 10px 10px;}
.mis1 { background:url(../images/contents/mis_bg01.gif) no-repeat 0 0;}
.mis2 { background:url(../images/contents/mis_bg02.gif) no-repeat 0 0;}
.mis3 { background:url(../images/contents/mis_bg03.gif) no-repeat 0 0;}
.mis4 { background:url(../images/contents/mis_bg04.gif) no-repeat 0 0;}
.mis5 { background:url(../images/contents/mis_bg05.gif) no-repeat 0 0;}

/* .value{ background:url(../images/contents/table_bg.gif) repeat-x top; margin:0 35px 10px 35px; padding-top:3px; } */

.value{ border-top:3px solid #89BF4F; margin:0 35px 10px 35px;  }

.value thead th { padding:10px 0; background-color:#f7faef; border-bottom:1px solid #6bb11d;}
.value thead th.first { width:120px; }
.value tbody th, .value td { padding:10px 15px; border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.value .end {border-right:none; background-image:none;}
.btnValue { text-align:center;}


table.raw thead th, table.sign thead th { color:#2a5d01; background:url(../images/contents/table_h_bg.gif) no-repeat 100% 50% #f7faef; }

#contents .raw tbody th, .value td, #contents table.raw td, #contents table.raw th{padding:5px;}
#contents table.sign th, #contents table.sign td{ padding:3px;}
#contents table.raw td { vertical-align: top; letter-spacing:-0.1em;}
table.sign td{text-align:center;}
table.sign td.midl{text-align:left;}
#contents table.raw td ul { margin:0; padding:0;}
#contents table.raw td ul li  { padding:0 0 0 8px; background:url(../images/contents/table_p_bg.gif) no-repeat 0 8px;}

#contents td.raw1 { width:75px;}
#contents td.raw2 { width:80px;}
#contents td.raw3 { width:147px;}
#contents td.raw4 { width:90px;}
#contents td.raw5 { width:340px;}
#contents td.raw6 { width:138px;}
#contents td.raw7 { width:72px;}

 h3.raw { margin:20px 0 0 0;}
.rawStep { position:relative; margin:5px 0 10px 32px; height:267px; background:url(../images/contents/rawstep_bg.gif) no-repeat 0 0;}
.rawStep li, .rawStep li span { position:absolute;}
.rawStep li.step1 { top:0; left:0; }
.rawStep li.step2 { top:0; left:304px; }
.rawStep li.step3 { top:0; left:538px; }
.rawStep li.step4 { top:100px; left:538px; }
.rawStep li.step5 { top:100px; left:304px; }
.rawStep li.step6 { top:100px; left:0; }
.rawStep li.step7 { top:202px; left:0; }
.rawStep li.step8 .text { top:210px; left:255px; }
.rawStep li.step8 .step { top:202px; left:353px; }

#contents .value td p.desc, p.desc { padding:0 0 0 10px; background:url(../images/contents/table_p_bg.gif) no-repeat 0 8px;}
h4.raw, .rawTxt h4 { margin-left:35px;}
.rawTxt h4 { float:left; margin-right:7px;}
#contents .rawTxt p { padding-top:1px;}

#contents .rawBox { padding:13px 60px 0 35px; height:63px; margin:0 0 15px 35px; background:url(../images/contents/rawBox_bg.gif) no-repeat;}
.rawBox strong { color:#fe4300;}

#contents .signDate { font-weight:bold; padding-left:40px;}
#contents .signDate strong { color:#FF3300;}
/* 로그인 */
#loginBox fieldset { border:2px solid #C9EAC6; width:400px; margin:0 auto; padding:15px 0;}
#loginBox fieldset legend { padding:5px; margin:10px; color: #006600; font-size:13px; font-weight:bold;}
#loginBox fieldset .loginbtn { position:absolute; margin-left:230px; margin-top:-60px; }