/* common */ #contents .desc_h2 { overflow: auto; padding: 20px; border: 1px solid #F3F3F3; margin-top: 10px; } #contents .desc_h2 .logo { float: left; margin-right: 30px; margin-bottom: 10px; } #contents .desc_h2 .writer { padding: 10px; float: right; font-weight: bold; } #contents .introBox{ clear: both; margin-top:20px; } #contents .introBox h2{ margin-bottom:10px;} #contents .introBox .photo { width:270px; float:left; border: 1px dotted #EEE; } #contents .introBox .photo2 { width:270px; float:left; text-align:center; } #contents .introBox .photo2 img { padding: 10px; border: 1px dotted #EBEBEB; } #contents .introBox .desc{ width:470px; float: right;} #contents .introBox .desc .writer{ float: right; padding-top: 5px; padding-left: 5px; } #contents .introBox .desc .writer em{ font-weight: bold; color: #000; } #contents .introBox.logo-help { padding:20px 10px; border: 1px solid #F3F3F3; } #contents .introBox.logo-help em { line-height:2em; font-weight: bold; } /* 서브페이지 네비 스타일 */ .navi { color:#bdbdbd; font-size:11px; font:돋움;} img {border:0;} td.c {text-align:right; line-height: 18px; font-size:11px; font:돋움; } .png24 {_behavior:url(../../site/css/iepngfix.htc);} /* A.vod:link {font: 11px 굴림; color:#7e6c6c; line-height: 16px; text-decoration:none} A.vod:active {font: 11px 굴림; color:#7e6c6c; line-height: 16px; text-decoration:none} A.vod:visited {font: 11px 굴림; color:#7e6c6c; line-height: 16px; text-decoration:none} A.vod:hover {font: 11px 굴림; color:#7e6c6c; line-height: 16px; text-decoration:underline} A.map:link {font: 12px 돋움; color:#ffffff; line-height: 16px; text-decoration:none} A.map:active {font: 12px 돋움; color:#ffffff; line-height: 16px; text-decoration:none} A.map:visited {font: 12px 돋움; color:#ffffff; line-height: 16px; text-decoration:none} A.map:hover {font: 12px 돋움; color:#ffffff; line-height: 16px; text-decoration:underline} A.main:link {font: 11px 굴림; color:#7e6c6c; line-height: 14px; text-decoration:none} A.main:active {font: 11px 굴림; color:#7e6c6c; line-height: 14px; text-decoration:none} A.main:visited {font: 11px 굴림; color:#7e6c6c; line-height: 14px; text-decoration:none} A.main:hover {font: 11px 굴림; color:#7e6c6c; line-height: 14px; text-decoration:underline}*/ /* ---------------------------------------------------------------------- 첫페이지 ---------------------------------------------------------------------- */ #main #contain { text-align:left } #main #slider { height:280px; } #main #horizontalBox { background-image: url(/images/main_cont_middle.gif); background-repeat: repeat-y; background-position: center top;} #main #horizontalBox .horizontalBoxTop { background-image: url(/images/main_cont_top.gif); display: block; height: 27px; background-repeat: no-repeat; background-position: center top; margin-bottom: 10px;} #main #horizontalBox .horizontalBoxUnder { background-image: url(/images/main_cont_bottom.gif); display: block; height: 27px; background-position: center bottom; background-repeat: no-repeat; clear: both; margin-top: 10px;} #main .boardList1 { float: left; width: 286px; padding-left:40px } #main .boardList2 { float: left; width: 306px; padding-left:20px } #main .boardList3 { float: right; width: 326px; } #main .boardList4 { float: left; background-image: url(/images/main_nedws.gif); height: 188px; width: 325px;} #main .boardList5 { float: left; background-image: url(/images/main_POW_bg.gif); height: 188px; width: 325px;} #main .boardList6 { float: left; background-image: url(/images/main_youtube_bg.gif); height: 188px; width: 321px; } #main .boardList66 { float: left; background-image: url(/images/main_dona_bg.gif); height: 188px; width: 321px; } #main .boardList1 h3{ display: block; height: 25px; width: 280px; background-image: url(/images/main_item_t_01.png); background-repeat: repeat; background-position: center center; } #main .boardList1 h3 a { display: block; height: 11px; width: 33px; position: relative; top: 6px; background-image: url(/images/btn_more.png); background-repeat: no-repeat; background-position: center center; left: 245px; } #main .boardList1 h3 a span{ display: none; } #main .boardList2 h3{ display: block; height: 25px; width: 280px; background-image: url(/images/main_item_t_02.png); background-repeat: repeat; background-position: center center; } #main .boardList2 h3 a { display: block; height: 11px; width: 33px; position: relative; top: 6px; background-image: url(/images/btn_more.png); background-repeat: no-repeat; background-position: center center; left: 245px; } #main .boardList2 h3 a span{ display: none; } #main .boardList3 h3{ display: block; height: 25px; width: 280px; background-image: url(/images/main_item_t_03.png); background-repeat: repeat; background-position: center center; } #main .boardList3 h3 a { display: block; height: 11px; width: 33px; position: relative; top: 6px; background-image: url(/images/btn_more.png); background-repeat: no-repeat; background-position: center center; left: 245px; } #main .boardList3 h3 a span{ display: none; } #main .thumb { height: 45px; width: 70px; border: 1px solid #DDD; } #main dl.listThumb { width:280px; padding-top: 15px; clear: both; } #main dl.listThumb dt { float:left; margin-right: 15px; } #main dl.listThumb a.listTitle { color:#09C;} #main dl.listThumb dd { letter-spacing: -1px; word-spacing: -1px;line-height: 1.4em; } #main ul.listPost { width:280px; padding-top: 15px; } #main ul.listPost li{ line-height: 1.8em; background-image: url(/images/bullet_03.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; } #main dl.listThumb2 { padding:50px 30px 30px 30px; clear: both; } #main dl.listThumb2 dt { float:left; margin-right: 15px; } #main dl.listThumb2 .thumb { width: 86px; height: 66px; } #main dl.listThumb2 a.listTitle { color:#09C;} #main dl.listThumb2 dd { letter-spacing: -1px; word-spacing: -1px;line-height: 1.4em; } #main dl.listThumb3 { padding:0px; clear: both; } #main dl.listThumb3 dt { float:left; margin-right: 15px; } #main dl.listThumb3 .thumb { width: 86px; height: 66px; } #main dl.listThumb3 a.listTitle { color:#09C;} #main dl.listThumb3 dd { letter-spacing: -1px; word-spacing: -1px;line-height: 1.4em; } #main dl.listThumb4 { padding:55px 25px 30px 25px; clear: both; } #main dl.listThumb4 dt { float:left; margin-right: 15px; } #main dl.listThumb4 .thumb { width:120px; height: 90px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #main dl.listThumb4 a.listTitle { color:#09C; font-weight: bold; letter-spacing: -1px; word-spacing: -1px; } #main dl.listThumb4 dd { letter-spacing: -1px; word-spacing: -1px;line-height: 1.4em; } #main dl.listThumb4 dd.txtContet { font-size: 11px; padding-top: 5px; } /* 메인화면 최근글 스타일 */ .m_photo_font01 { color:#222222; line-height:18px} .m_photo_font02 { font-size:11px; line-height:14px} /* 메인화면 게시판 */ a.linkoff { text-decoration: none } a.linkon:hover { text-decoration: underline } /* 회원가입 스타일 */ .join_title01 { position:relative; float:left; background:url("/images/bullet_01.gif") no-repeat left center; padding-left:20px; margin-bottom:10px;} .join_td01 { position:relative; float:right; background:url("/images/bullet_04.gif") no-repeat left center; padding-left:16px; margin-top:5px;} .join_td02 { position:relative; float:right; padding-left:16px; margin-top:5px;} .agreeCheck {margin-top:10px;} .textBox {position:relative; float:left;overflow:auto;width:700px;height:134px;padding:15px;border:solid 1px #e6e6e6; margin-bottom:5px} .textBox * {color:#666;line-height:18px;} .textBox h5 {font-size:16px;} .textBox h6 {padding-top:16px;font-size:12px;} .privacy h6 {padding-top:0;padding-bottom:16px;} .privacy li {padding-bottom:15px;} .privacy .depth2 li {padding-bottom:0;} .privacy .textBox {height:134px;margin-top:5px;} .privacy .textBox.firstChild {margin-top:0;} .check_bg {background:url("/images/check_name_bg.gif") no-repeat 0 28px; width:693px; height:171px; margin-bottom:8px } .check_tab {position:relative; float:left;} .input_title01 { float:left; background:url("/images/bullet_03.gif") no-repeat left center ; padding: 5px 0 0 12px; width:95px; height:18px; margin-bottom: 6px} .btn_sumit { border:0; height:52px; width:72px; background:transparent url(/images/btn_sumit.png) no-repeat center; vertical-align:middle;} .info { background:url("/images/bullet_02.gif") no-repeat 0 6px; padding: 6px 0 0 18px; font-size:12px; color:#a1a1a1; line-height:16px;} .info2 { background-color:#fdfaf0;border:#f0eee2 1px solid; padding: 12px 18px 7px 18px; } .info2 li { background:url("/images/bullet_02.gif") no-repeat left 1px; padding: 0 0 5px 5px; font-size:12px; color:#666; line-height:16px;} .join_TB{ width:100%; border:0; margin:0 0 20px 0; padding:0;} .join_TB th, .join_TB td{ border:0; padding:5px 10px; vertical-align:top; font-size:12px;color:#7d7d7d; font-weight:normal} .join_TB th{ background:#ffffff;} .join_TB thead th{ border-top:2px solid #45a4c2; border-bottom:1px solid #e5e5e5; text-align:left;} .join_TB thead th:first-child{ background-image:none;} .join_TB tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;} .join_TB td{ border-bottom:1px solid #45a4c2;} .join_TB div { white-space:nowrap; padding-right:12px; } .join_TB input { padding:2px; margin:2px; height:20px } .join_TB input.join_radio { height:auto} .join_TB label { font-weight:normal} .join_TB .line_dot {background:url("/images/line_dot01.gif") repeat-x 0 36px;} .join_TB p { padding:12px 0 2px 0} .borderbox { border:3px solid #e6e6e6; text-align:center; } .borderbox button {border:0; height:33px; width:96px; background:transparent url(/images/btn_sumit3.png) no-repeat center; vertical-align:middle;} .loginbg {background:url(/images/login_bg.jpg) no-repeat; width:652px; height:328px;} .loginbox { position:relative; left:65px; top:140px} .loginbox input { margin-bottom:5px; width:150px} .loginbox button.login {border:0; height:57px; width:87px; background:transparent url(/images/btn_login.png) no-repeat center; vertical-align:middle; margin-left:8px} /* 후원하기 */ /* 투포원소개> 투포원은 */ .vision_tap { width:100%; position:relative; float:left } .vision_tap div { position:relative; float:left } .vision_tap .line { width:100%; border-top:#fac011 1px solid; height:1px; line-height:1px } /* 투포원소개> 걸어온길,협력기관 */ .history { float:left; position:relative; width:100%; padding-bottom:30px;} .history .yearList .year {position:relative; float:left; padding:0px 14px 0 0px;} .history_date {margin: 7px 0 0 0; color: #07395E; font-weight:bold;} .history .text { position:relative; float:left; background:url(/images/icon_line03.gif) no-repeat top left; padding-left:50px; font-size:12px; color:#999; line-height:20px} .cooper {float:left; position:relative; width:100%;background:url(/images/bullet_06.gif) no-repeat 12px center; font-size:12px; color:#999; line-height:26px; font:bold; padding-left:28px} /* 투포원소개> 투포원사람들 */ .staff div { float:left; position:relative; width:100%; font-size:12px; color:#999;} .staff .title_m { padding-bottom:10px} .staff .cont { padding-bottom:20px} .staff .title_s {background:url(/images/bullet_06.gif) no-repeat 10px center; padding-left:25px; font-weight:bold; color:#2f2e2e;} .staff div span {font-weight:bold;} .staff .text { padding-left:25px; padding-bottom:10px} /* 투포원사업 */ .edu {width:100%; padding:20px 0 0 20px; font-size:12px; color:#999;} .edu span { color:#b23c66; font-weight:bold;} /*투포원엔젤 메인*/ .angel {padding:0px 10px; background:url(/images/angel_main_box02.gif) repeat-y; color:#818181; font-size:11px; line-height:20px} A.more01:link {font: 11px 돋움; color:#515151; line-height: 16px; text-decoration:none} A.more01:active {font: 11px 돋움; color:#515151; line-height: 16px; text-decoration:none} A.more01:visited {font: 11px 돋움; color:#515151; line-height: 16px; text-decoration:none} A.more01:hover {font: 11px 돋움; color:#515151; line-height: 16px; text-decoration:underline} /* 투포원사람들 */ .staff_title01 { position:relative; float:left; background:url("/images/bullet_05.gif") no-repeat left center; padding-left:20px; margin-bottom:10px;} .staff_td01 { position:relative; float:right; background:url("/images/bullet_03.gif") no-repeat left center; padding-left:16px; margin-top:5px;} .staff_TB { width:100%; border:0; margin:0 0 0 0; padding:0} .staff_TB th, .staff_TB td{ border:0; vertical-align:top;} .staff_TB th{ background:#ffffff;} .staff_TB thead th{ border-top:2px solid #d38f85; border-bottom:1px solid #e5e5e5; text-align:left;background:#f7d9c1; text-align:center; padding:5px 2dpx} .staff_TB thead th:first-child{ background-image:none;} .staff_TB tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;font-weight:normal;} .staff_TB tbody td{ padding:10px 10px;} .staff_TB td{ border-bottom:1px solid #CCC; line-height:16px; border-left:1px solid #CCC; letter-spacing:-1px; font-size:12px; color:#7d7d7d} .staff_TB td.lf { border-left:0px solid;} .staff_TB .krName{ font-weight:bold;} .staff_TB .enName{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#cbcbcb; font-weight:bold; letter-spacing:-1px} /* 투포원엔젤 사회기업공헌 */ .info3 { background-color:#f7f3ef;border:#f0eee2 1px solid; padding: 12px 18px 7px 18px; } .info3 div.title_s {background:url(/images/bullet_06.gif) no-repeat 0px center; padding-left:15px; font-weight:bold; color:#2f2e2e;} /* 내 후원정보 */ .my_dona_TB{ width:100%; border:0; margin:0 0 0 0; padding:0;} .my_dona_TB th, .my_dona_TB td{ border:0; vertical-align:top; font-size:12px; color:#7d7d7d; text-align:center; padding: 5px 10px} .my_dona_TB th{ background:#ffffff; font-size:12px; color:#7d7d7d} .my_dona_TB thead th{ border-top:2px solid #45a4c2; border-bottom:1px solid #e5e5e5; text-align:center;background:#dff0f4;} .my_dona_TB thead th:first-child{ background-image:none;} .my_dona_TB tbody th{ border-bottom:1px solid #e5e5e5; text-align:center;font-weight:normal;} .my_dona_TB td{ border-bottom:1px solid #CCC;} /* 탭 스타일 */ .tap_01 { position:relative; float:left; width:100%; margin-bottom:30px; background:url("/images/line_01.gif") repeat-x bottom;} .tap_01 div.tap_ov { position:relative; float:left; padding:5px 10px; border:#d9d9d9 1px solid; border-bottom:#ffffff 1px solid; margin-right:1px; background-color:#FFF; color:#656565; font-size:12px; font-weight:bold} .tap_01 div.tap_out { position:relative; float:left; padding:5px 10px; border:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; margin-right:1px; background-color:#fafafa; color:#b2b2b2; font-size:12px;} .tap_01 A.link:link { font-size:12px; color:#b2b2b2; padding:5px 10px; text-decoration:none} .tap_01 A.link:active { font-size:12px;color:#b2b2b2; padding:5px 10px; text-decoration:none} .tap_01 A.link:visited { font-size:12px; color:#b2b2b2; padding:5px 10px; text-decoration:none} .tap_01 A.link:hover { font-size:12px; color:#b2b2b2; padding:5px 10px; text-decoration:underline} .main_tap01 { position:relative; float:left; width:100%; margin-bottom:15px; border-bottom:#42a0ca 1px solid; text-align:right} .main_tap01 div.tap { position:relative; float:left; margin-right:1px;} .tap01_cont { position:relative; float:left;} .tap01_cont li { background:url("/images/bullet_03.gif") no-repeat 5px center; font-size:12px; color:#7d7d7d; line-height:22px;} /* ---------------------------------------------------------------------- 각페이지 상단 이미지 ---------------------------------------------------------------------- */ #subTopImg { background-repeat: no-repeat; background-position: right 10px; } /* 투포원소개 */ #subTopImg, #subTopImg, #subTopImg, #subTopImg, #subTopImg, #subTopImg, #subTopImg { background-image: url(../images/subTit/sub_t_img1.jpg); } #subTopImg em, #subTopImg em, #subTopImg em, #subTopImg em, #subTopImg em, #subTopImg em, #subTopImg em { color: #f3a139; } #contents h2 { color: #1C6DAF; } /* 투포원사업 */ #_project01 #subTopImg, #_project02 #subTopImg, #_project03 #subTopImg, #_now #subTopImg { background-image: url(../images/subTit/sub_t_img2.jpg); } #_project01 #subTopImg em, #_project02 #subTopImg em, #_project03 #subTopImg em, #_now #subTopImg em { color: #d42550; } #_project01 #contents h2, #_project02 #contents h2, #_project03 #contents h2, #_now #contents h2 { color: #1C6DAF; } #_project01 div.subBox, #_project02 div.subBox , #_project03 div.subBox { border-bottom: 1px dashed #CCC; margin-bottom: 20px; } /* 투포원 엔젤 */ #support-A #subTopImg, #support-B #subTopImg, #_people #subTopImg, #report #subTopImg { background-image: url(../images/subTit/sub_t_img3.jpg); } #support-A #subTopImg em, #support-B #subTopImg em, #_people #subTopImg em, #report #subTopImg em{ color: #f3a139; font-family: "나눔고딕", NanumGothic, Tahoma, "돋움"; } #support-A #subTopImg .subTitTxt, #support-B #subTopImg .subTitTxt, #_people #subTopImg .subTitTxt, #report #subTopImg .subTitTxt { color: #a0c92b; font-size: 32px; } #support-A #subTopImg h2, #support-B #subTopImg h2, #_people #subTopImg h2, #report #subTopImg h2 { color: #1C6DAF; } /* 투포원커뮤니티 */ #infoActivity #subTopImg, #photo #subTopImg, #qna #subTopImg { background-image: url(../images/subTit/sub_t_img4.jpg); } #infoActivity #subTopImg em, #photo #subTopImg em, #qna #subTopImg em { color: #9dc92c; } #infoActivity #subTopImg h2, #photo #subTopImg h2, #qna #subTopImg h2 { color: #1C6DAF; } /* 마이페이지 */ .memberPage #subTopImg { background-image: url(../images/subTit/sub_t_img1.jpg); } .memberPage #subTopImg em{ color: #f3a139; } .memberPage #contents h2 { color: #1C6DAF; } /* 개인정보보호정책 */ #personal #subTopImg, #siteMap #subTopImg { background-image: url(../images/sub_t_img4.jpg); } #personal #subTopImg, #siteMap #subTopImg { background-image: url(../images/subTit/sub_t_img1.jpg); } #personal #subTopImg em, #siteMap #subTopImg em { color: #f3a139; } #personal #contents h2, #siteMap #contents h2 { color: #1C6DAF; } /* 사이트 맵 */ #siteMap .subMenu { padding: 10px 0 20px 20px;} #siteMap .subMenu dt {font-weight:bold;} #siteMap .subMenu dd { padding-left:30px;} /* ---------------------------------------------------------------------- 투포원소개 ---------------------------------------------------------------------- */ /* 투포원은 */ #tabs { padding: 0.2em; zoom: 1; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: both; } #tabs .ui-widget-header { background-color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #f9b202; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: 50px 50px; } #tabs .ui-corner-all { -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/ } #tabs li { text-align: center; width: 150px; height: 29px; margin: 0px; } #tabs .ui-state-default { background-color:transparent; background-image: url(../images/tap_bg_off.png); background-repeat: repeat-x; background-position: 50% 50%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; } #tabs .ui-state-active { background-color:transparent; background-image: url(../images/tap_bg_on.png); background-repeat: repeat-x; background-position: 50% 50%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #tabs .ui-state-default a { color: #CCC; text-decoration: none; font-weight: bold; text-align:; width: 140px; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #tabs .ui-state-active a { color: #FFF; text-decoration: none; font-weight: bold; text-align:; width: 140px; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* 걸어온길/협력기관 */ h2 span { display: none; } .yearList { margin-top: 20px; clear: both; padding-bottom: 20px; } .yearList dt.year { width: 89px; float: left; border-right-width: 2px; border-right-style: solid; border-right-color: #F90; display: block; } .yearList dt.year span { font-family: "Arial Black", Gadget, sans-serif; font-size: 24px; font-weight: bold; color: #F93; display: block; } .yearList dt.year img { display:none; } .yearList dd { margin-left: 90px; line-height: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding-left: 24px; } .yearList dd.date { font-weight: bold; padding-top: 10px; } #awarded { margin-top: 40px; } ul.bullet { margin-top: 20px; margin-left:10px; list-style-type: none; } ul.bullet li { line-height: 24px; background-image: url(../images/icn/bullet_06.gif); background-repeat: no-repeat; background-position: left 50%; padding-left: 20px; } /*투포원사람들*/ #tabs { padding: 0.2em; zoom: 1; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: both; } #tabs .ui-widget-header { background-color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #f9b202; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: 50px 50px; } #tabs .ui-corner-all { -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/ } #tabs li.tabBar { text-align: center; width: 150px; height: 29px; margin: 0px; } #tabs .ui-state-default { background-color:transparent; background-image: url(../images/tap_bg_off.png); background-repeat: repeat-x; background-position: 50% 50%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; } #tabs .ui-state-active { background-color:transparent; background-image: url(../images/tap_bg_on.png); background-repeat: repeat-x; background-position: 50% 50%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #tabs .ui-state-default a { color: #CCC; text-decoration: none; font-weight: bold; text-align:; width: 140px; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #tabs .ui-state-active a { color: #FFF; text-decoration: none; font-weight: bold; text-align: width: 140px; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #tabs .ui-state-default a.txtLinkA { margin: 0px; padding: 0px; cursor:pointer; } #tabs .ui-state-active a.txtLinkA { color:#FFF; margin: 0px; padding: 0px; cursor:pointer; } List h2, #tabs-2 h2 { height: 34px; font-size: 14px; font-weight: bold; color: #FFF; background-image: url(../about/images/bg_staff_tit.png); background-repeat: no-repeat; background-position: left top; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; } h2 span { color: #630; font-family: Verdana, Geneva, sans-serif; font-size: 10px; } ul.listItem, dl.listItem, ul.hList { margin: 10px 20px 20px; clear: both; overflow: auto; } dl.listItem dt { width: 150px; overflow: auto; text-align: center; float: left; overflow: visible;} dl.listItem dt img { border: 1px solid #CCC; padding: 5px; } dl.listItem dd{ margin-left: 150px; line-height: 24px; padding-left: 15px; border-left: 1px dashed #EAEAEA; } dl.listItem em { font-weight: bold; } ul.listItem li{ line-height: 24px; padding-left: 15px; border-left: 1px dashed #EAEAEA; } ul.hList li { line-height: 24px; padding-left: 15px;} ul.listItem li.noBorder , dl.listItem dd.noBorder{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } ul.listItem li span, dl.listItem dd span { font-weight: bold; color: #999; } ul.listItem { list-style-type: none; } /* 찾아오시는 길 */ h2 { font-size: 16px; font-weight: bold; color: #333; background-image: url(/images/icn/bullet_05.gif); background-repeat: no-repeat; background-position: left center; clear: both; } .address .dlTable { line-height: 1.5em; } .address .dlTable dt span { display: block; text-align: right; padding-right: 20px; color: #333; font-size: 11px; font-weight: bold; } .address .dlTable dd span { font-weight: bold; color: #000; } .mapImg { text-align: center; } .mapImg img { border: 1px solid #EEE; padding: 10px; } .mapImg .mapLink a { padding: 5px; border: 1px dotted #000; clear: both; display: block; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 150px; float: right; color: #F60; margin-right:30px; margin-top:10px; } .mapImg .mapLink a:hover { color: #FFF; background-color: #F60; } .Bus, .Subway, .address { clear: both; padding-bottom: 25px; } .Bus dt { text-align: center; } .Bus dt.blin1 span { font-size: 11px; color: #FFF; background-color: #39C; padding: 2px; } .Bus dt.blin2 span { font-size: 11px; color: #FFF; background-color: #6C0; padding: 2px; } .Bus dt.blin3 span { font-size: 11px; color: #FFF; background-color: #FC0; padding: 2px; } .Bus dd.blin11 span { color: #39C; } .Bus dd.blin22 span { color: #6C0; } .Bus dd.blin33 span { color: #FC0; } .Subway dt.sline1, .Subway dt.sline2, .Subway dt.sline3 { text-align: center; } .Subway dt.sline1 span { font-size: 11px; color: #FFF; background-color: #6C0; padding: 2px; } .Subway dt.sline2 span { font-size: 11px; color: #FFF; background-color: #F90; padding: 2px; } .Subway dt.sline3 span { font-size: 11px; color: #FFF; background-color: #FC0; padding: 2px; } .Bus dd, .Subway dd { line-height: 1.5em; } /* ---------------------------------------------------------------------- 투포원 엔젤 ---------------------------------------------------------------------- */ #menu2 #contain { text-align:left; border: 1px solid #e8e9e9; margin-top: 10px; overflow: auto; } #menu2 .subHeader { background-image: url(/angel/images/angel_main_top.jpg); background-repeat: repeat; background-position: center top; height: 175px; border-bottom: 1px solid #e8e9e9; } #menu2 .subHeader * { display:none; } #menu2 .subMain { float: left; width: 600px; border-right-width: 1px; border-right-style: solid; border-right-color: #e8e9e9; } #menu2 .subside { margin-left: 600px; background-color: #f9f8f8; } #menu2 .subMainWrap { padding-top: 35px; padding-right: 50px; padding-bottom: 35px; padding-left: 50px; } #menu2 .subMain h3 { height: 25px; background-image: url(/angel/images/bg_h3.png); background-repeat: no-repeat; background-position: left top; font-size: 13px; letter-spacing: -1px; word-spacing: -1px; padding-top: 9px; clear: both; } ._mind { height: 400px; padding-top:60px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e8e9e9; background-color: #ffffff; } .subside fieldset { width: 270px; margin-right: auto; margin-left: auto; overflow: auto; } .subside fieldset h3 { color:#474646; font-size: 20px; } .subside fieldset p { font-size:11px; margin: 5px 0 35px 0; } .subside fieldset .ft01{ color: #cc6666; } .subside fieldset .ft02{color: #77b8cb; } .subside fieldset .ft03{ color: #8ab946; } .btnLink1 { background-image: url(/angel/images/btn_report.png); height: 21px; width: 173px; background-repeat: repeat; background-position: left top; display: block; margin-top: 10px; } .btnLink1 span { display:none; } .AngelList { padding:30px; } .AngelList h3 { font-size:13px; color:#474646; } .AngelList h3 span { color:#e45d5d } .AngelList ._desc { font-size:11px; letter-spacing: -1px; word-spacing: -1px; margin-bottom:10px; } .AngelList span { } .AngelList li { display: block; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; float: left; } ._button { text-align: center !important; padding-top: 20px !important; clear: both !important; } ._buttonAbs { text-align: center !important; height: 60px; padding:20px 0 !important; clear: both !important; width: 400px; margin-right: auto; margin-left: auto; } span.help { padding-bottom:5px; color:#AA0000; font-style:italic; } /* 정기후원 */ #support-A ._button a { background-image: url(/images/btn/btn_sumit1_bg_L.png); background-repeat: no-repeat; background-position: left top; height: 35px; font-weight: bold; color: #FFF; border-radius: 0; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-left: 25px; line-height: normal; } #support-A ._button .ui-button-text { background-image: url(/images/btn/btn_sumit1_bg_R.png); height: 25px; background-repeat: no-repeat; background-position: right top; padding-top: 7px; padding-right: 20px; } /* 일시후원 */ /* 도서후원 */ #books h2 { display: none; } #books ._box { width: 681px; margin-right: auto; margin-left: auto; background-image: url(/angel/images/whaf_donation_books_box_top.png); background-repeat: repeat; background-position: left top; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #books ._box ._note { background-color: #666; padding: 15px; color: #c96; overflow: visible; line-height: 150%; margin-right: 20px; margin-left: 20px; } #books ._box ._action, #books ._box ._notice { background-image: url(/angel/images/whaf_donation_books_box_m_bg.png); background-repeat: repeat-y; background-position: left top; } #books ._box ._notice ul { list-style-type: none; padding: 20px; } #books ._box ._notice li { color: #F90; letter-spacing: -1px; font-size: 11px; background-image: url(/images/icn/bullet_07.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; line-height: 150%; } #books ._box ._note2 { padding: 20px; background-image: url(/angel/images/whaf_donation_books_box_under.png); background-repeat: no-repeat; background-position: right bottom; } #books #thanks { height: 415px; width: 701px; margin-right: auto; margin-left: auto; background-image: url(/angel/images/dona_book_complet.jpg); background-repeat: no-repeat; background-position: center center; } #books #thanks .thxName { width: 610px; height: 215px; margin-right: auto; margin-left: auto; padding-top: 45px; } #books #thanks > p { display:none; } #books #thanks .thxName > span { font-size: 16px; color: #000; font-weight: bold; } #books #thanks .addr_help { font-size:12px; letter-spacing:-1px; } #books #thanks dl { width: 580px; margin-right:auto; margin-left:auto; padding:15px; } #books #thanks dt { font-weight: bold; color: #000; line-height: 1.5em; } #books #thanks dd { margin:0; line-height: 20px; color: #600; } #books ._button a { background-image: url(/images/btn/btn_sumit1_bg_L.png); background-repeat: no-repeat; background-position: left top; height: 35px; font-weight: bold; color: #FFF; border-radius: 0; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-left: 25px; line-height: normal; } #books ._button .ui-button-text { background-image: url(/images/btn/btn_sumit1_bg_R.png); height: 25px; background-repeat: no-repeat; background-position: right top; padding-top: 7px; padding-right: 20px; } /* 기업사회공헌 */ #contribution .subHeader { background-image: url(/angel/images/contribution_c_1.gif); background-repeat: no-repeat; background-position: left top; height: 207px; } #contribution .subHeader * { display:none; } #contribution .subMain dt { font-weight: bold; color: #000; line-height: 2em; } #contribution .subMain dd { line-height: 1.6em; padding: 10px 15px; } #contribution ._button a { background-image: url(/images/btn/btn_sumit1_bg_L.png); background-repeat: no-repeat; background-position: left top; height: 35px; font-weight: bold; color: #FFF; border-radius: 0; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-left: 25px; line-height: normal; } #contribution ._button .ui-button-text { background-image: url(/images/btn/btn_sumit1_bg_R.png); height: 25px; background-repeat: no-repeat; background-position: right top; padding-top: 7px; padding-right: 20px; } #contribution .apply { margin-top: 40px; } #contribution .writeBox { border: none; padding: 0px; } /* ---------------------------------------------------------------------- 투포원 사업 ---------------------------------------------------------------------- */ /* 비전기획사업 */ /* 인권교육사업 */ /* 인권조사사업 */ /* HAHA 네트워크 */ /* ---------------------------------------------------------------------- 개인정보보호정책 ---------------------------------------------------------------------- */ #personal { padding:0px;} #personal h2 { padding:1em 0em; color: #690; } #personal h3 { background-image: url(/images/icn/bullet_08.png); background-repeat: no-repeat; background-position: left center; padding-top: 1em; padding-right: 0em; padding-bottom: 1em; padding-left: 1em; color: #690;} #personal h4 { padding: 0.5em 1em; color: #666; font-size: 1em; } #personal p{ padding:0.5em 1em; text-align: justify; } #personal ul.hList { } #personal ul.hList li { float:left ;} #personal ul.hList fieldset{ width: 250px; line-height: 1.6em; margin: 20px; padding: 5px 15px; } #personal ul.hList legend {color: #690;} #personal .boxArea { padding:1em 0;} #personal .boxArea div{ padding:0 1em;} #personal .subBox06 ol{ padding: 10px; } #personal .subBox06 ol li{ line-height: 1.6em; } #personal ol.subList01 { padding:0.5em 1em; line-height: 1.5em; text-align: justify; } #personal ol.subList02 { padding:0.5em 1.5em;line-height: 1.5em; text-align: justify;} /* 신청 및 접수폼 공용 */ h3.frnTitle { font-size: 13px; font-weight: bold; color: #000; letter-spacing: -1px; word-spacing: -1px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; background-image: url(/images/icn/bullet_05.gif); background-repeat: no-repeat; background-position: left center; margin-top: 20px; } h3.frnTitle2 { font-size: 13px; font-weight: bold; color: #1e90ff ; letter-spacing: -1px; word-spacing: -1px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; background-image: url(/images/icn/bullet_05.gif); background-repeat: no-repeat; background-position: left center; } .clear-after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-after { display: inline-block; } * html .clear-after { height: 1%; } /* backslash hack hides from IE Mac \*/ .clear-after { display: block; } /* end backslash hack */ .input { border: 1px solid #EEE; } .input_log {font-family: "verdana"; font-size:11px; color:#666666; border: 1px solid #CFCDCD; background-color:#FFFFFF;} .input_search { font-size:12px; color:#FFFFFF; border: 1px solid #90B64A; background-color:#C3D89D;} .input_jump { font-size:12px; color:#FFFFFF; border: 1px solid #90B64A; background-color:#90B64A;} .input_cnt {font-family: "verdana"; font-size:12px; color:#FF851D; border: 1px solid #000000; background-color:#000000;} .InputStyle1 { border: #cccccc 1px solid; height:20px;} .InputStyle2 { border: #cccccc 1px solid; width:586px} .date {font: 11px µ¸¿ò; color:757575; line-height: 12px; text-decoration:none} .loc {font: 11px µ¸¿ò; color:666666; line-height: 12px; text-decoration:none} .loc_selet {font: 11px µ¸¿ò; color:cc3399; line-height: 12px; text-decoration:none; font-weight: bold;} /* ---------------------------------------------------------------------- COMMON ---------------------------------------------------------------------- */ ._button { text-align: center; padding-top: 20px; } a.btnType1 { background-image: url(/angel/images/btnType1_first.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; } a.btnType1 span { background-image: url(/angel/images/btnType1_last.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; color: #FFF; padding-top: 8px; padding-bottom: 8px; letter-spacing: -1px; word-spacing: -1px; font-size: 12px; } a.btnType2 { background-image: url(/angel/images/btnType2_first.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; } a.btnType2 span { background-image: url(/angel/images/btnType2_last.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; color: #FFF; padding-top: 8px; padding-bottom: 8px; letter-spacing: -1px; word-spacing: -1px; font-size: 12px; } /* table style */ .tableType,.tableType th,.tableType td{border:0} .tableType{width:100%;border-bottom:2px solid #dcdcdc;font-size:12px;text-align:center;border-collapse:collapse} .tableType caption{display:none} .tableType tfoot{background-color:#f5f7f9;font-weight:bold} .tableType th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-size:12px;font-weight:bold} .tableType td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c} .tableType td.txt{ text-align:left; padding-left: 5px; } .baseTable { clear: both; width: 100%; border-collapse:collapse; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .baseTable th { padding: 8px 4px 6px 15px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #eee; text-align:left; } .baseTable th.select { padding:7px 4px 3px 15px; } .baseTable td { padding: 5px 4px 2px 15px; color: #666; border-bottom: 1px solid #eee; } .baseTable td.chk { padding:2px 0 0 6px; text-align:left; } .baseTable td.select { padding:5px 4px 4px 15px; } .baseTable td.text { padding:5px 4px 4px 15px; } .baseTable textarea { width:97%; border:1px solid #b8b8b8; } .baseTable p { clear:both; } .baseTable p.tip { padding-top:10px; color: #999; font-size: 11px; } .baseTable2 { clear: both; width: 100%; border-collapse:collapse; border:0px } .baseTable2 th { padding: 8px 4px 6px 15px; font-weight: normal; color: #333; border-bottom: 0px; text-align:left; } .baseTable2 th.select { padding:7px 4px 3px 15px; } .baseTable2 td { padding: 0px; border:0px; } .baseTable2 td.chk { padding:2px 0 0 6px; text-align:left; } .baseTable2 td.select { padding:5px 4px 4px 15px; } .baseTable2 td.text { padding:5px 4px 4px 15px; } .baseTable2 textarea { width:97%; border:1px solid #b8b8b8; } .baseTable2 p { clear:both; } .baseTable2 p.tip { padding-top:10px; color: #999; font-size: 11px; } /* */ .FormTable { clear: both; width: 100%; border-collapse:collapse; border:0px ; line-height: 1.8em;} .FormTable th { padding: 8px 5px 8px 25px; font-weight: normal; color: #333; border-bottom: 0px; text-align:left; letter-spacing: -1px; border-bottom: 1px solid #eee; background: #F2F2F2; } .FormTable th.chk { background: #F2F2F2 url(/images/icn/bullet_04.png) no-repeat 10px center; } .FormTable td { padding: 8px 4px 8px 15px; color: #666; border-bottom: 1px solid #eee; } .FormTable td.chk {} .FormTable td.select { } .FormTable td.text {} .FormTable textarea { width:97%; border:1px solid #b8b8b8; } .FormTable p { clear:both; } .FormTable p.tip { padding-top:10px; color: #999; font-size: 11px; } .FormTable input, .FormTable select{ padding: 3px; border: 1px solid #CCC; } .FormTable input.chk { border:none; } .email { background-image: url(../images/icn/icn_email.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 20px; } .phone { background-image: url(../images/icn/icn_phone.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 20px; } .dlTable { margin: 0 10px; padding: 0 !important; } .dlTable dt { color: #FF6600; float: left; width: 80px; clear: both; } .dlTable dd { overflow: auto; border-left-width: 1px; border-left-style: dotted; border-left-color: #CCC; padding-left: 20px; } .lineTop2px { border-top-width: 2px; border-top-style: solid; border-top-color: #d38f85; } .ML5 { margin-left: 5px; } .ML10 { margin-left: 10px; } .ML15 { margin-left: 15px; } .ML20 { margin-left: 20px; } .MR5 { margin-right: 5px; } .MR10 { margin-right: 5px; } .MR15 { margin-right: 5px; } .MR20 { margin-right: 5px; } .MB10 { margin-bottom: 10px; } .MB20 { margin-bottom: 20px; } .MB30 { margin-bottom: 30px; } .MT10 { margin-top: 10px; } .MT20 { margin-top: 20px; } .MT30 { margin-top: 30px; } .pdL5 { padding-left:5px; } .pdL10 { padding-left:10px; } .pdL15 { padding-left:15px; } .pdL20 { padding-left:20px; } .pdL30 { padding-left:30px; } .pdR5 { padding-right:5px; } .pdR10 { padding-right:10px; } .pdR15 { padding-right:15px; } .pdR20 { padding-right:20px; } .pd5 { padding:5px; } .pd10 { padding:10px; } .pdT10 { padding-top:10px !important; } .pdTB5 { padding-top:5px; padding-bottom:5px; } .pdTB10 { padding:10px !important ; padding-bottom:10px !important; } .w120 {width:120px !important;} .btnML0 { padding-left:0px; float:left; } .btnML1 { padding-left:1px; float:left; } .btnML2 { padding-left:2px; float:left; } .btnML3 { padding-left:3px; float:left; } .btnML4 { padding-left:4px; float:left; } .btnML5 { padding-left:5px; float:left; } .btnML10 { padding-left:10px; float:left; } .fr { float: right; } .fl { float: left; } .alignC { text-align:center ; } .png { display:inline-block; } .hand { cursor: pointer; cursor: pointer; } .none { display: none !important; } .noborder { border: 0px !important; } .block { display: block !important; } .hide { visibility: hidden !important; } .show { visibility: visible !important; } .both { clear:both; } .ime_mode { ime-mode:disabled; } .b { font-weight: bold; letter-spacing: -1px; } .u { text-decoration: underline; } .ls { letter-spacing: -1px; } .nospacing { letter-spacing:0; } .separator { color:#ddd; margin:0 4px; } .bRadius5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .bRadius10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .fc_8aab42 { color:#8aab42; } .fc_000 { color:#000; } .fc_black, .fc_1 { color:#000;} .fc_gray, .fc_2 { color:#808080;} .fc_skyblue, .fc_3 { color:#87ceeb;} .fc_firebrick, .fc_4 { color:#b22222;} .fc_tomato, .fc_5 { color: #ff6347;} .fc_lightcoral, .fc_6 { color:#f08080;} .fc_dodgerblue { color:#1e90ff ;} dl.listBox { margin-top:15px;} dl.listBox dt { font-weight:bold} dl.listBox dd { padding:10px;} dl.subBox { padding: 10px 20px; line-height: 1.5em; margin: 0px; } dl.subBox em { font-weight:bold; } dl.subBox dt { color:#b22222; clear: both; float: left; width: 130px; letter-spacing: 0em; margin: 0px; padding: 0px; } dl.subBox dd { border-left-width: 1px; border-left-style: dashed; border-left-color: #DDD; text-align: left; margin: 0px 0px 0px 130px; padding: 0px 0px 0px 10px; } dl.subBox3 { padding: 10px 20px; line-height: 1.5em; margin: 0px; } dl.subBox3 em { font-weight:bold; } dl.subBox3 dt { color:#b22222; clear: both; float: left; width: 120px; letter-spacing: 0.3em; margin: 0px; padding: 0px; } dl.subBox3 dd { border-left-width: 1px; border-left-style: dashed; border-left-color: #DDD; text-align: left; margin: 0px 0px 0px 125px; padding: 0px 0px 0px 10px; } dl.subBox2 { padding: 20px; line-height: 1.8em; } dl.subBox2 dt { color:#b22222; clear: both; float: left; width: 120px; letter-spacing: 0.2em; font-weight: bold; } dl.subBox2 dd { margin-left: 130px; border-left-width: 1px; border-left-style: dashed; border-left-color: #DDD; padding-left: 10px; text-align: left; } dl.boxList01 { overflow: auto; } dl.boxList01 dt { float: left; padding-right: 20px; } dl.boxList01 dd { padding:5px; } ul.hList { } ul.hList li { display: inline; } ul.listtype1{ line-height: 1.8em; } ul.listtype1 li { padding-left: 15px; background: url(/images/icn/bullet_04.png) no-repeat left 5px; } .subBox { padding:20px 10px;} .subBox01 { margin: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-color: #f7f4f4; line-height: 1.5em; } .subBox02 { text-align: left; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; color: #000; } .subBox03 { text-align: left; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; color: #000; background-color: #f1f1f1; overflow: auto; } .subBox04 { background-color: #FFF; border: 1px solid #e8e9e9; padding: 10px; height: 150px; overflow: auto; } .subBox05 { background-color: #f7f3ef; border: 1px solid #f0eee2; padding: 20px; overflow: auto; } .subBox06 { background-color: #F9F9F9; border: 1px solid #CCC; padding: 10px; overflow: auto;} .subBox07 { padding: 20px; overflow: auto; line-height: 1.6em; text-align: justify; margin-top: 5px; margin-bottom: 15px; } .subBox08 { background-color: #f7f3ef; border: 1px solid #f0eee2; overflow: auto; padding: 20px; line-height: 1.6em; } .subBox09 { overflow: auto; padding: 30px; line-height: 1.6em; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; } /* */ .icon-red { background-image: url(/images/icn/bullet_04.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; font-size: 11px; color: #333; letter-spacing: -1px; line-height: 1.8em; } .icon-none { padding-left: 15px; line-height: 1.8em; font-size: 11px; } .icon-notice { background-image: url(/images/icn/bullet_07.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; line-height: 1.8em; } .icon-notice2 { background-image: url(/images/icn/bullet_04.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; color: #F33; letter-spacing: -1px; line-height: 1.8em; } .icon-title { padding-left: 15px; line-height: 1.8em; background: url(/images/icn/bullet_04.png) no-repeat left 5px; }