@charset "utf-8"; /*-- Padding --*/ .mg_2 {margin:2px;} .mg_3 {margin:3px;} .mg_4 {margin:4px;} .mg_5 {margin:5px;} .mg_8 {margin:8px;} .mg_10 {margin:10px;} .mg_15 {margin:15px;} .mg_18 {margin:18px;} .mg_20 {margin:20px;} .mg_30 {margin:30px;} .mg_40 {margin:40px;} .mg_50 {margin:50px;} /*-- Right --*/ .mg_r2 {margin-right:2px;} .mg_r3 {margin-right:3px;} .mg_r4 {margin-right:4px;} .mg_r5 {margin-right:5px;} .mg_r6 {margin-right:6px;} .mg_r7 {margin-right:7px;} .mg_r8 {margin-right:8px;} .mg_r10 {margin-right:10px;} .mg_r15 {margin-right:15px;} .mg_r17 {margin-right:17px;} .mg_r20 {margin-right:20px;} .mg_r19 {margin-right:19px;} .mg_r24 {margin-right:24px;} .mg_r25 {margin-right:25px;} .mg_r27 {margin-right:27px;} .mg_r30 {margin-right:30px;} .mg_r40 {margin-right:40px;} .mg_r50 {margin-right:50px;} /*-- Left --*/ .mg_l2 {margin-left:2px;} .mg_l4 {margin-left:4px;} .mg_l5 {margin-left:5px;} .mg_l7 {margin-left:7px;} .mg_l8 {margin-left:8px;} .mg_l10 {margin-left:10px;} .mg_l13 {margin-left:13px;} .mg_l14 {margin-left:14px;} .mg_l15 {margin-left:15px;} .mg_l16 {margin-left:16px;} .mg_l18 {margin-left:18px;} .mg_l20 {margin-left:20px;} .mg_l24 {margin-left:24px;} .mg_l25 {margin-left:25px;} .mg_l30 {margin-left:30px;} .mg_l40 {margin-left:40px;} .mg_l50 {margin-left:50px;} /*-- Top --*/ .mg_t2 {margin-top:2px;} .mg_t3 {margin-top:3px;} .mg_t4 {margin-top:4px;} .mg_t5 {margin-top:5px;} .mg_t6 {margin-top:6px;} .mg_t7 {margin-top:7px;} .mg_t8 {margin-top:8px;} .mg_t10 {margin-top:10px;} .mg_t12 {margin-top:12px;} .mg_t15 {margin-top:15px;} .mg_t19 {margin-top:19px;} .mg_t20 {margin-top:20px;} .mg_t22 {margin-top:22px;} .mg_t25 {margin-top:25px;} .mg_t30 {margin-top:30px;} .mg_t40 {margin-top:30px;} .mg_t50 {margin-top:50px;} .mg_t60 {margin-top:60px;} .mg_t70 {margin-top:70px;} .mg_t110 {margin-top:110px;} /*-- Bottom --*/ .mg_b2 {margin-bottom:2px;} .mg_b4 {margin-bottom:4px;} .mg_b5 {margin-bottom:5px;} .mg_b6 {margin-bottom:6px;} .mg_b8 {margin-bottom:8px;} .mg_b10 {margin-bottom:10px;} .mg_b12 {margin-bottom:12px;} .mg_b15 {margin-bottom:15px;} .pd_b15 {padding-bottom:15px;} .mg_b18 {margin-bottom:18px;} .mg_b20 {margin-bottom:20px;} .mg_b22 {margin-bottom:22px;} .mg_b30 {margin-bottom:30px;} .mg_b40 {margin-bottom:40px;} .mg_b50 {margin-bottom:50px;} .mg_b60 {margin-bottom:60px;} .mg_b70 {margin-bottom:70px;} .bb {font-weight:bold} .txt11 {font-size:11px;} .position_a {position:absolute;} /* 메인 공통 영역//------------------------------------------------------ */ /* layout */ #main_content {font-family:'Nanum Barun Gothic'; font-size:12px; color:#666;} #wrap {position:relative;width:100%;height:100%;overflow:visible;} /* 메인 빅배너 */ #main_banner { width:4000px; left:50%; position:absolute; margin-left:-2000px; } #main_banner .box_sponsor { position:absolute; width:260px; height:330px; background:#FF6600; left:50%;margin-left:220px; z-index:9000;} #main_banner .topbox1 { width:176px;height:250px;overflow:hidden;margin:40px 0px 0px 40px; } #main_bangr {position:relative; width:100%; height:330px;border-bottom:1px solid #ff6600; overflow:hidden;} #main_bangr .cont {width:100%; height:330px; margin:0 auto; background-position:center; background-repeat:no-repeat; background-color:#999;} #main_bangr .cont .center {position:relative; width:960px; height:330px; margin:0 auto; overflow:hidden;} #main_bangr .cont .center .btn_left {width:70px; height:330px; position:absolute; left:0px; z-index:9000; cursor:hand; background:url(../../images/main/btn_main_left.png) no-repeat 0% 50%;} #main_bangr .cont .center .btn_right {width:70px; height:330px; position:absolute; right:0px; z-index:9000; cursor:hand; background:url(../../images/main/btn_main_right.png) no-repeat 0% 50%;} #main_bangr .cont .center .box_sponsor {width:260px; height:330px; text-align:center; background:#FF6600; position:absolute; right:0px; z-index:9000;} /* 주황색박스 */ /* 배너 아래 콘텐츠 레이아웃 */ #main_content {width:960px; height:850px; margin:20px auto 0px auto; padding-bottom:60px; clear:both; overflow:hidden;} #content_leftArea {width:465px; height:1000px; margin:0px 30px 0px 0px; padding:0px; float:left;} #content_rightArea {width:465px; height:1000px; margin:0px; padding:0px; float:left;} /* 배너 아래 콘텐츠 레이아웃 추가*/ #content_leftArea_20150720 {width:480px; height:1000px; margin:0px 0px 0px 0px; padding:0px; float:left;} #content_rightArea_20150720 {width:480px; height:1000px; margin:0px; padding:0px; float:left;} /* 왼쪽 절반 배너 레이아웃 */ #content_leftArea .bannerArea01 {width:470px; height:110px; margin:0px; padding:0px 0px 30px 0px; clear:both;} #content_leftArea .bannerArea01 .banner225 {width:223px; height:108px; float:left; border:1px solid #dfdfdf;} /* 왼쪽 절반 배너 레이아웃 추가*/ #content_leftArea_20150720 .bannerArea01_20150720 {width:468px; height:268px;margin:0px 10px 20px 0px; border:1px solid #dfdfdf;position:relative; clear:both;}/* 투명성,역사성, 잘가요 */ #content_leftArea_20150720 .bannerArea01_20150720 .btnLeft {width:20px; height:18px; position:absolute; top:10px; right:30px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_leftArea_20150720 .bannerArea01_20150720 .btnRight {width:20px; height:18px; position:absolute; top:10px; right:10px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} #content_leftArea_20150720 .bannerArea09_20150720 {width:480px; height:110px; margin:0px; padding:0px 0px 20px 0px; clear:both;} /* 배너 레이아웃 */ #content_leftArea .bannerArea02 {width:463px; height:158px; margin:0px 0px 30px 0px; border:1px solid #dfdfdf;position:relative; clear:both;} #content_leftArea .bannerArea02 .btnLeft {width:20px; height:18px; position:absolute; top:10px; right:30px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_leftArea .bannerArea02 .btnRight {width:20px; height:18px; position:absolute; top:10px; right:10px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} /* 배너 레이아웃 추가 */ #content_rightArea_20150720 .bannerArea02 {width:467px; height:158px; margin:0px 0px 20px 10px; border:1px solid #dfdfdf;position:relative; clear:both;} #content_rightArea_20150720 .bannerArea02 .btnLeft {width:20px; height:18px; position:absolute; top:10px; right:30px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_rightArea_20150720 .bannerArea02 .btnRight {width:20px; height:18px; position:absolute; top:10px; right:10px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} /* 6개 리스트 */ #content_leftArea .bannerArea05 {width:465px; height:495px; margin:0px 0px 30px 0px; float:left; font-size:12px; line-height:1.4; letter-spacing:-0.05em; color:#FFF; text-align:justify; } #content_leftArea .banner225155 {width:223px; height:153px; margin:0px 15px 15px 0px; float:left; border:1px solid #dfdfdf; list-style:none; position:relative;} #content_leftArea .banner225155_r {width:223px; height:153px; margin:0px 0px 15px 0px; float:left; border:1px solid #dfdfdf; list-style:none; position:relative;} #content_leftArea .script {width:203px; height:30px; padding:10px; position:absolute; bottom:0px; left:0px; background:url(../../images/main/StoryTitleBg.png); z-index:9000;} #content_leftArea .script a:link {text-decoration:none; color:#FFF;} #content_leftArea .script a:visited {text-decoration:none; color:#FFF;} #content_leftArea .script a:active {text-decoration:none; color:#FFF;} #content_leftArea .script a:hover {text-decoration:underline; color:#FFF;} /* 6개 리스트 추가*/ #content_leftArea_20150720 .bannerArea05_20150720 {width:480px; height:309px; margin:0px 0px 20px 0px; float:left; font-size:12px; line-height:1.4; letter-spacing:-0.05em; color:#FFF; text-align:justify; } #content_leftArea_20150720 .banner225145 {width:225px; height:145px; margin:0px 15px 15px 0px; float:left; border:1px solid #dfdfdf; list-style:none; position:relative;} #content_leftArea_20150720 .banner225145_r {width:225px; height:145px; margin:0px 0px 15px 0px; float:left; border:1px solid #dfdfdf; list-style:none; position:relative;} #content_leftArea_20150720 .script {width:205px; height:30px; padding:10px; position:absolute; bottom:0px; left:0px; background:url(../../images/main/StoryTitleBg.png); z-index:9000;} #content_leftArea_20150720 .script a:link {text-decoration:none; color:#FFF;} #content_leftArea_20150720 .script a:visited {text-decoration:none; color:#FFF;} #content_leftArea_20150720 .script a:active {text-decoration:none; color:#FFF;} #content_leftArea_20150720 .script a:hover {text-decoration:underline; color:#FFF;} /* 파트너, 친선홍보대사 */ #bannerArea07_cover { width:465px; height:136px; overflow:hidden; } #content_leftArea .bannerArea07 {width:465px; height:136px; margin:0px 0 30px 0px; float:left; position:relative;} #content_leftArea .bannerArea07 .banImg {width:463px; height:108px; border:1px solid #dfdfdf; margin-top:10px;} #content_leftArea .bannerArea07 .btnLeft {width:20px; height:18px; position:absolute; top:0px; right:20px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_leftArea .bannerArea07 .btnRight {width:20px; height:18px; position:absolute; top:0px; right:0px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} #content_leftArea .bannerArea07 .title {font-size:14px; color:#FF6600; padding:0px;} #content_leftArea .bannerArea07 .title a:link {text-decoration:none; color:#FF6600 ;} #content_leftArea .bannerArea07 .title a:visited {text-decoration:none; color:#FF6600 ;} #content_leftArea .bannerArea07 .title a:active {text-decoration:none; color:#FF6600 ;} #content_leftArea .bannerArea07 .title a:hover {text-decoration:none; color:#FF6600 ;} #content_leftArea .bannerArea07 .titleOff {font-size:14px; color:#adadad; padding:0px;} #content_leftArea .bannerArea07 .titleOff a:link {text-decoration:none; color:#adadad ;} #content_leftArea .bannerArea07 .titleOff a:visited {text-decoration:none; color:#adadad ;} #content_leftArea .bannerArea07 .titleOff a:active {text-decoration:none; color:#adadad ;} #content_leftArea .bannerArea07 .titleOff a:hover {text-decoration:none; color:#adadad ;} #content_leftArea .bannerArea07 .celeb {width:223px; height:108px; float:left; border:1px solid #dfdfdf; position:relative;} #content_leftArea .bannerArea07 .celebimg {width:90px; height:90px; float:left; position:absolute; left:10px; top:10px;} #content_leftArea .bannerArea07 .celebtext {width:103px; height:90px; float:left; position:absolute; left:110px; top:10px;} #content_leftArea .bannerArea07 .celebtext .name {width:150px; height:12px; overflow:hidden; font-size:12px; color:#8c8075; line-height:1; text-align:justify; clear:both; padding:0px 0px 3px 0px;} #content_leftArea .bannerArea07 .celebtext .story {width:103px; height:75px; overflow:hidden; font-size:11px; line-height:1.4; text-align:justify; clear:both; word-break:break-all; } /* 파트너, 친선홍보대사 추가*/ #bannerArea07_cover_20150720 {width:470px; height:166px; overflow:hidden; } #content_leftArea_20150720 .bannerArea07_20150720 {width:470px; height:166px; margin:0px 0 30px 0px; float:left; position:relative;} #content_leftArea_20150720 .bannerArea07_20150720 .banImg {width:478px; height:108px; border:1px solid #dfdfdf; margin-top:10px;} #content_leftArea_20150720 .bannerArea07_20150720 .btnLeft {width:20px; height:18px; position:absolute; top:0px; right:20px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_leftArea_20150720 .bannerArea07_20150720 .btnRight {width:20px; height:18px; position:absolute; top:0px; right:0px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} #content_leftArea_20150720 .bannerArea07_20150720 .title {font-size:14px; color:#FF6600; padding:0px;} #content_leftArea_20150720 .bannerArea07_20150720 .title a:link {text-decoration:none; color:#FF6600 ;} #content_leftArea_20150720 .bannerArea07_20150720 .title a:visited {text-decoration:none; color:#FF6600 ;} #content_leftArea_20150720 .bannerArea07_20150720 .title a:active {text-decoration:none; color:#FF6600 ;} #content_leftArea_20150720 .bannerArea07_20150720 .title a:hover {text-decoration:none; color:#FF6600 ;} #content_leftArea_20150720 .bannerArea07_20150720 .titleOff {font-size:14px; color:#adadad; padding:0px;} #content_leftArea_20150720 .bannerArea07_20150720 .titleOff a:link {text-decoration:none; color:#adadad ;} #content_leftArea_20150720 .bannerArea07_20150720 .titleOff a:visited {text-decoration:none; color:#adadad ;} #content_leftArea_20150720 .bannerArea07_20150720 .titleOff a:active {text-decoration:none; color:#adadad ;} #content_leftArea_20150720 .bannerArea07_20150720 .titleOff a:hover {text-decoration:none; color:#adadad ;} #content_leftArea_20150720 .bannerArea07_20150720 .celeb {width:226px; height:108px; float:left; border:1px solid #dfdfdf; position:relative;} #content_leftArea_20150720 .bannerArea07_20150720 .celebimg {width:90px; height:90px; float:left; position:absolute; left:10px; top:10px;} #content_leftArea_20150720 .bannerArea07_20150720 .celebtext {width:103px; height:90px; float:left; position:absolute; left:110px; top:10px;} #content_leftArea_20150720 .bannerArea07_20150720 .celebtext .name {width:150px; height:12px; overflow:hidden; font-size:12px; color:#8c8075; line-height:1; text-align:justify; clear:both; padding:0px 0px 3px 0px;} #content_leftArea_20150720 .bannerArea07_20150720 .celebtext .story {width:103px; height:75px; overflow:hidden; font-size:11px; line-height:1.4; text-align:justify; clear:both; word-break:break-all; } /* 퀵메뉴 */ #content_rightArea .bannerArea03 {width:463px; height:108px; padding:0px; margin:0px 0px 0px 0px; border:1px solid #dfdfdf; position:relative; float:left;} #content_rightArea .bannerArea03 dl {width:116px; height:108px; padding:0px; margin:0px; list-style:none; background:url(../../images/main/bg_barMiddle.png) no-repeat right; float:left; font-size:12px; text-align:center;} #content_rightArea .bannerArea03 .dl_r {width:115px; height:18px; background:none; float:left} /* 퀵메뉴 추가*/ #content_rightArea_20150720 .bannerArea03_20150720 {width:468px; height:93px; padding:0px; margin:0px 0px 15px 10px; border:1px solid #dfdfdf; position:relative; float:left;} #content_rightArea_20150720 .bannerArea03_20150720 dl {width:117px; height:93px; padding:0px; margin:0px; list-style:none; background:url(../../images/main/bg_barMiddle.png) no-repeat right; float:left; font-size:12px; text-align:center;} #content_rightArea_20150720 .bannerArea03_20150720 .dl_r {width:116px; height:18px; background:none; float:left} #content_rightArea_20150720 .bannerArea03_20150720_2 {width:468px; height:90px; padding:0px; margin:0px 0px 0px 10px; border:1px solid #dfdfdf; position:relative; float:left;} #content_rightArea_20150720 .bannerArea03_20150720_2 dl {width:117px; height:90px; padding:0px; margin:0px; list-style:none; background:url(../../images/main/bg_barMiddle.png) no-repeat right; float:left; font-size:12px; text-align:center;} #content_rightArea_20150720 .bannerArea03_20150720_2 .dl_r {width:116px; height:18px; background:none; float:left} /* 월드비전 스토리 */ #content_rightArea .bannerArea04 {width:463px; height:158px; border:1px solid #dfdfdf; margin:30px 0px 30px 0px; position:relative; float:left; overflow:hidden; } #content_rightArea .bannerArea04 .btnLeft {width:20px; height:18px; position:absolute; top:10px; right:30px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat left top; z-index:9000;} #content_rightArea .bannerArea04 .btnRight {width:20px; height:18px; position:absolute; top:10px; right:10px; cursor:hand; background:url(../../images/main/btn_bannerArrow.png) no-repeat right top; z-index:9000;} #content_rightArea .bannerArea04 .thumb {width:190px; height:128px; margin:15px; float:left;} #content_rightArea .bannerArea04 .storyTextArea {width:228px; height:128px; float:left; text-align:left; margin:18px 15px 12px 0px; text-align:left;} #content_rightArea .bannerArea04 .sub_title {color:#FF6600; font-size:12px; margin:0px 0px 5px 0px;} #content_rightArea .bannerArea04 .title {font-size:20px; color:#8c8075; margin:0px; padding:0px; line-height:1.2; clear:both;} #content_rightArea .bannerArea04 .title a:link {text-decoration:none; color:#8c8075;} #content_rightArea .bannerArea04 .title a:visited {text-decoration:none; color:#8c8075;} #content_rightArea .bannerArea04 .title a:active {text-decoration:none; color:#8c8075;} #content_rightArea .bannerArea04 .title a:hover {text-decoration:underline; color:#8c8075;} #content_rightArea .bannerArea04 .script {font-size:12px; margin:6px 0px 0px 0px; padding:0px; line-height:1.4; clear:both;} #content_rightArea .bannerArea04 .script a:link {text-decoration:none; color:#666;} #content_rightArea .bannerArea04 .script a:visited {text-decoration:none; color:#666;} #content_rightArea .bannerArea04 .script a:active {text-decoration:none; color:#666;} #content_rightArea .bannerArea04 .script a:hover {text-decoration:underline; color:#666;} /* 뉴스레터 */ #main_content .newsletter {width:463px; height:44px; border:1px solid #dfdfdf; border-top:none; background:url(../../images/main/bg_newsletter.gif) no-repeat; float:right; text-indent:50px; font-size:12px; line-height:44px; color:#8c8075; margin-bottom:30px;} #main_content .newsletter .inputEmail {width:220px; padding:2px; border:1px solid #d9d9d9; background:#FFF; text-align:left; font-size:11px; font-weight:normal; margin:0px 10px;} #main_content .newsletter .emailBtn {background:#ffa800; color:#fff; padding:3px 10px; border:0px;} /* 뉴스레터 추가 */ #main_content .newsletter_20150720 {width:468px; height:42px; border:1px solid #dfdfdf; border-top:none; background:url(../../images/main/bg_newsletter.gif) repeat-x; float:right; text-indent:50px; font-size:12px; line-height:42px; color:#8c8075;} #main_content .newsletter_20150720 .inputEmail {width:220px; padding:2px; border:1px solid #d9d9d9; background:#FFF; text-align:left; font-size:11px; font-weight:normal; margin:0px 10px;} #main_content .newsletter_20150720 .emailBtn {background:#ffa800; color:#fff; padding:3px 10px; border:0px;} /* 게시판 */ #main_content .bannerArea06 {width:465px; height:auto; float:left;} #main_content .bannerArea06 .boardArea {width:465px; height:155px; margin:0px 0px 15px 0px; padding:0px; position:relative; clear:both;} #main_content .bannerArea06 .boardArea .titleArea {width:465px; height:15px; margin:0px 0px 10px 0px; padding:0px; position:absolute; left:0px; top:0px; clear:both;} #main_content .bannerArea06 .boardArea .title {font-size:14px; color:#FF6600; padding:0px 0px 10px 0px; margin:0px; } #main_content .bannerArea06 .boardArea .title a:link {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06 .boardArea .title a:visited {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06 .boardArea .title a:active {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06 .boardArea .title a:hover {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06 .boardArea .titleOff {font-size:14px; color:#adadad; padding:0px 0px 10px 0px; margin:0px;} #main_content .bannerArea06 .boardArea .titleOff a:link {text-decoration:none; color:#adadad ;} #main_content .bannerArea06 .boardArea .titleOff a:visited {text-decoration:none; color:#adadad ;} #main_content .bannerArea06 .boardArea .titleOff a:active {text-decoration:none; color:#adadad ;} #main_content .bannerArea06 .boardArea .titleOff a:hover {text-decoration:none; color:#adadad ;} #main_content .bannerArea06 .boardArea .btn_more {float:right; font-size:10px; color:#666; position:absolute; right:0px; top:0px;} #main_content .bannerArea06 .boardArea .btn_more a:link {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea .btn_more a:visited {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea .btn_more a:active {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea .btn_more a:hover {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea ul {list-style:none; clear:both; position:absolute; left:0px; top:25px;} #main_content .bannerArea06 .boardArea li {list-style:none; clear:both; line-height:2; list-style-type:none; padding:0px; margin:0px;} #main_content .bannerArea06 .boardArea li a:link {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea li a:visited {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea li a:active {text-decoration:none; color:#666;} #main_content .bannerArea06 .boardArea li a:hover {text-decoration:underline; color:#666;} /* 게시판 추가*/ #main_content .bannerArea06_20150720 {width:470px; height:auto; float:left; margin-left:10px;} #main_content .bannerArea06_20150720 .boardArea {width:470px; height:150px; margin:0px 0px 15px 0px; padding:0px; position:relative; clear:both;} #main_content .bannerArea06_20150720 .boardArea .titleArea {width:470px; height:15px; margin:0px 0px 10px 0px; padding:0px; position:absolute; left:0px; top:0px; clear:both;} #main_content .bannerArea06_20150720 .boardArea .title {font-size:14px; color:#FF6600; padding:0px 0px 10px 0px; margin:0px; } #main_content .bannerArea06_20150720 .boardArea .title a:link {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06_20150720 .boardArea .title a:visited {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06_20150720 .boardArea .title a:active {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06_20150720 .boardArea .title a:hover {text-decoration:none; color:#FF6600 ;} #main_content .bannerArea06_20150720 .boardArea .titleOff {font-size:14px; color:#adadad; padding:0px 0px 10px 0px; margin:0px;} #main_content .bannerArea06_20150720 .boardArea .titleOff a:link {text-decoration:none; color:#adadad ;} #main_content .bannerArea06_20150720 .boardArea .titleOff a:visited {text-decoration:none; color:#adadad ;} #main_content .bannerArea06_20150720 .boardArea .titleOff a:active {text-decoration:none; color:#adadad ;} #main_content .bannerArea06_20150720 .boardArea .titleOff a:hover {text-decoration:none; color:#adadad ;} #main_content .bannerArea06_20150720 .boardArea .btn_more {float:right; font-size:10px; color:#666; position:absolute; right:0px; top:0px;} #main_content .bannerArea06_20150720 .boardArea .btn_more a:link {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea .btn_more a:visited {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea .btn_more a:active {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea .btn_more a:hover {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea ul {list-style:none; clear:both; position:absolute; left:0px; top:25px;} #main_content .bannerArea06_20150720 .boardArea li {list-style:none; clear:both; line-height:2; list-style-type:none; padding:0px; margin:0px;} #main_content .bannerArea06_20150720 .boardArea li a:link {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea li a:visited {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea li a:active {text-decoration:none; color:#666;} #main_content .bannerArea06_20150720 .boardArea li a:hover {text-decoration:underline; color:#666;} /* 오른쪽 절반 배너 레이아웃 */ #main_content .bannerArea08 {width:465px; height:110px; margin:26px 0px 30px 0px; float:left;} #main_content .banner225 {width:223px; height:108px; float:left; border:1px solid #dfdfdf;} /* 오른쪽 절반 배너 레이아웃 추가*/ #main_content .bannerArea08_20150720 {width:470px; height:110px; margin:0px 0px 20px 10px; float:left;}/* 기부금영수증,오천원*/ .main_banner227 {width:225px; height:108px; float:left; border:1px solid #dfdfdf;} /** RESET AND LAYOUT ===================================*/ #topmain_slider .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; text-align:center; } #topmain_slider .bx-wrapper img { max-width: 100%; display: block;text-align:center; margin: 0 auto; } /** THEME ===================================*/ #topmain_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #topmain_slider .bx-wrapper .bx-pager, #topmain_slider .bx-wrapper .bx-controls-auto { position: absolute; left:50%;bottom: 15px;margin-left:50px;} /* LOADER */ #topmain_slider .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ #topmain_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; z-index:-9999; } #topmain_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #topmain_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 20px; height: 20px; margin: 0 5px; padding-top:3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:16px; border:1px solid #ff6600; } #topmain_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #topmain_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ /*.bx-wrapper .bx-prev { left: 70px; background: url(/common/bxslider/images/controls_orange.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 60px; background: url(/common/bxslider/images/controls_orange.png) no-repeat -43px -32px; }*/ #topmain_slider .bx-wrapper .bx-prev { left: 50%; background: url(/images/main/main_arrow.png) no-repeat 0 0px; margin-left:-580px; } #topmain_slider .bx-wrapper .bx-next { left: 50%; background: url(/images/main/main_arrow.png) no-repeat -80px 0px; margin-left:500px; } /*.bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; }*/ #topmain_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 70px; height: 70px; text-indent: -9999px; z-index: 9999; } #topmain_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #topmain_slider .bx-wrapper .bx-controls-auto { text-align: center; } #topmain_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #topmain_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #topmain_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #topmain_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #topmain_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #topmain_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #topmain_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #topmain_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #topmain_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #topmain_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #middlebanner1_slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } #middlebanner1_slider .bx-wrapper img { max-width: 100%; display: block; } #middlebanner1_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #middlebanner1_slider .bx-wrapper .bx-pager, #middlebanner1_slider .bx-wrapper .bx-controls-auto { position: absolute; top: 10px; right:10px; width: 100%; } /* LOADER */ #middlebanner1_slider .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ #middlebanner1_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; } #middlebanner1_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #middlebanner1_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 15px; height: 15px; margin: 0 3px; padding-top:1px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:12px; border:1px solid #ff6600; } #middlebanner1_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #middlebanner1_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ #middlebanner1_slider .bx-wrapper .bx-prev { right: 30px; background: url(/images/main/btn_bannerArrow.png) no-repeat 0 0px; margin-left:0px; } #middlebanner1_slider .bx-wrapper .bx-next { right: 10px; background: url(/images/main/btn_bannerArrow.png) no-repeat -24px 0px; margin-left:0px; } #middlebanner1_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; margin-top: 0px; outline: 0; width: 20px; height: 18px; text-indent: -9999px; z-index: 9999; } #middlebanner1_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #middlebanner1_slider .bx-wrapper .bx-controls-auto { text-align: center; } #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #middlebanner1_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #middlebanner1_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #middlebanner1_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #middlebanner1_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #middlebanner1_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #middleleft_slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } #middleleft_slider .bx-wrapper img { max-width: 100%; display: block; } #middleleft_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #middleleft_slider .bx-wrapper .bx-pager, #middleleft_slider .bx-wrapper .bx-controls-auto { position: absolute; top: 10px; right:10px; width: 100%; } /* LOADER */ #middleleft_slider .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ #middleleft_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; } #middleleft_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #middleleft_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 15px; height: 15px; margin: 0 3px; padding-top:1px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:12px; border:1px solid #ff6600; } #middleleft_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #middleleft_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ #middleleft_slider .bx-wrapper .bx-prev { right: 30px; background: url(/images/main/btn_bannerArrow.png) no-repeat 0 0px; margin-left:0px; } #middleleft_slider .bx-wrapper .bx-next { right: 10px; background: url(/images/main/btn_bannerArrow.png) no-repeat -24px 0px; margin-left:0px; } #middleleft_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; margin-top: 0px; outline: 0; width: 20px; height: 18px; text-indent: -9999px; z-index: 9999; } #middleleft_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #middleleft_slider .bx-wrapper .bx-controls-auto { text-align: center; } #middleleft_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #middleleft_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #middleleft_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #middleleft_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #middleleft_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #middleleft_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #middleleft_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #middleleft_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #middleleft_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #middleleft_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #middleright_slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } #middleright_slider .bx-wrapper img { max-width: 100%; display: block; } #middleright_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #middleright_slider .bx-wrapper .bx-pager, #middleright_slider .bx-wrapper .bx-controls-auto { position: absolute; top: 10px; right:10px; width: 100%; } /* LOADER */ #middleright_slider .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ #middleright_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; } #middleright_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #middleright_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 15px; height: 15px; margin: 0 3px; padding-top:1px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:12px; border:1px solid #ff6600; } #middleright_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #middleright_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ #middleright_slider .bx-wrapper .bx-prev { right: 30px; background: url(/images/main/btn_bannerArrow.png) no-repeat 0 0px; margin-left:0px; } #middleright_slider .bx-wrapper .bx-next { right: 10px; background: url(/images/main/btn_bannerArrow.png) no-repeat -24px 0px; margin-left:0px; } #middleright_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; margin-top: 0px; outline: 0; width: 20px; height: 18px; text-indent: -9999px; z-index: 9999; } #middleright_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #middleright_slider .bx-wrapper .bx-controls-auto { text-align: center; } #middleright_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #middleright_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #middleright_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #middleright_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #middleright_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #middleright_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #middleright_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #middleright_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #middleright_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #middleright_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .disURL { position:absolute; border:1px solid #a0a0a0; font-size:11px; letter-spacing:0px; font-family:arial narrow; background-color:#eaeaea; color:#000000; padding:0px; margin:0px; line-height:100%; font-weight:normal; } .amb_table { width:190px; height:102px; margin: 0; overflow:hidden; table-layout:fixed; padding: 0px 0px 0px 0px; } .amb_table td { letter-spacing:0px; font-size:11px; line-height:1.2; text-align:justify; float:left; overflow:hidden; word-break:break-all; } .amb_table .left_td { height:79px; width:73px;padding:10px 5px 10px 10px; border-top:1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;} .amb_table .right_td { height:79px; width:85px;padding:10px 10px 10px 5px; border-top:1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;} .amb_table .amb_txt { height:50px; overflow:hidden; word-break:break-all; font-family:dotum; } #bottomleft_slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } #bottomleft_slider .bx-wrapper img { max-width: 100%; display: block; } #bottomleft_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #bottomleft_slider .bx-wrapper .bx-pager, #bottomleft_slider .bx-wrapper .bx-controls-auto { position: absolute; top: 10px; right:10px; width: 100%; } /* LOADER */ #bottomleft_slider .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ #bottomleft_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; } #bottomleft_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #bottomleft_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 15px; height: 15px; margin: 0 3px; padding-top:1px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:12px; border:1px solid #ff6600; } #bottomleft_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #bottomleft_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ #bottomleft_slider .bx-wrapper .bx-prev { right: 20px; background: url(/images/main/btn_bannerArrow.png) no-repeat 0 0px; margin-left:0px; } #bottomleft_slider .bx-wrapper .bx-next { right: 0px; background: url(/images/main/btn_bannerArrow.png) no-repeat -24px 0px; margin-left:0px; } #bottomleft_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: -26px; margin-top: 0px; outline: 0; width: 20px; height: 18px; text-indent: -9999px; z-index: 9999; } #bottomleft_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #bottomleft_slider .bx-wrapper .bx-controls-auto { text-align: center; } #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #bottomleft_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #bottomleft_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #bottomleft_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #bottomleft_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #bottomleft_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #bottomleft2_slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } #bottomleft2_slider .bx-wrapper img { max-width: 100%; display: block; } #bottomleft2_slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px; background: #fff; } #bottomleft2_slider .bx-wrapper .bx-pager, #bottomleft2_slider .bx-wrapper .bx-controls-auto { position: absolute; top: 10px; right:10px; width: 100%; } /* PAGER */ #bottomleft2_slider .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 0px; } #bottomleft2_slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { text-align:center; display: inline-block; *zoom: 1; *display: inline; } #bottomleft2_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0f0; text-indent: 0px; display: block; width: 15px; height: 15px; margin: 0 3px; padding-top:1px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:ff0000; font-size:12px; border:1px solid #ff6600; } #bottomleft2_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #bottomleft2_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff6600; color:#f0f0f0; } /* DIRECTION CONTROLS (NEXT / PREV) */ #bottomleft2_slider .bx-wrapper .bx-prev { right: 20px; background: url(/images/main/btn_bannerArrow.png) no-repeat 0 0px; margin-left:0px; } #bottomleft2_slider .bx-wrapper .bx-next { right: 0px; background: url(/images/main/btn_bannerArrow.png) no-repeat -24px 0px; margin-left:0px; } #bottomleft2_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: -26px; margin-top: 0px; outline: 0; width: 20px; height: 18px; text-indent: -9999px; z-index: 9999; } #bottomleft2_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ #bottomleft2_slider .bx-wrapper .bx-controls-auto { text-align: center; } #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-start:hover, #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/common/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, #bottomleft2_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #bottomleft2_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #bottomleft2_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #bottomleft2_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #bottomleft2_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }