@charset "euc-kr"; #mContentsArea {position:relative;margin:0 auto;padding:0;width:100%;min-width:980px;display:block} #topArea {position:relative;margin:0px auto;padding:20px 0 0 0;width:980px;height:120px;vertical-align:top;display:block;z-index:999} #topArea p.logo {float:left;width:179px;height:35px} /* main */ #mVisualArea {float:left;position:relative;margin:-31px 0 0 0;padding:0;width:100%;height:227px;display:block} #mVisualArea p.mVisual {position:relative;margin:0 auto;padding:0;width:980px;height:227px;overflow:hidden;display:block} #mainContents {position:relative;margin:0;padding:0;width:100%;overflow:hidden;display:block} .mainContents1 {position:relative;margin:0 auto;padding:25px 0;width:980px;border-top:1px solid #e0e0e0;overflow:hidden;display:block} #infoArea {float:left;position:relative;margin:0 25px 0 0;padding:0;width:265px;overflow:hidden;display:block} #infoArea .infoTab {position:relative;margin:0;padding:0;width:265px;height:27px;display:block} #infoArea .infoTab ul li {float:left;padding:0} #infoArea .infoTab ul li a {float:left;height:27px;display:block} #infoArea .infoList {position:relative;margin:10px 0 0 0;padding:0;width:265px;display:block} #infoArea .infoList p.thumb {float:left;margin:0 10px 0 0;padding:0;width:96px;height:96px;border:1px solid #d9d9d9;overflow:hidden;display:block} #infoArea .infoList p.con {float:right;margin:0;padding:0;width:155px;display:block} #infoArea .infoList p.con a.title {position:relative;font-weight:bold;line-height:17px;letter-spacing:-0.05em;text-align:left;display:block} #infoArea .infoList p.con a.con {position:relative;margin:10px 0 0 0;line-height:15px;letter-spacing:-0.05em;text-align:left;display:block} #noeiceArea {float:left;position:relative;margin:0 25px 0 0;padding:0;width:435px;overflow:hidden;display:block} #noeiceArea .noticeTab {position:relative;margin:0;padding:0;width:435px;height:27px;display:block} #noeiceArea .noticeTab ul li.tab1 {float:left;margin:0 3px 0 0;padding:0} #noeiceArea .noticeTab ul li.tab2 {float:left;margin:0 3px 0 0;padding:0} #noeiceArea .noticeTab ul li.tab3 {float:left;margin:0;padding:0} #noeiceArea .noticeTab ul li a {float:left;width:143px;height:27px;display:block} #noeiceArea .noticeList {position:relative;margin:10px 0 0 0;padding:0;width:435px;display:block} #noeiceArea .noticeList ul {position:relative;margin:0;padding:0;width:435px;display:block} #noeiceArea .noticeList ul li.list {float:left;position:relative;margin:0;padding:0 0 0 13px;width:370px;height:20px;background:url(/images/index/point.gif) no-repeat left 7px;text-align:left;letter-spacing:-0.05em;display:block} #noeiceArea .noticeList ul li.date {float:right;position:relative;width:50px;height:20px;color:#989898;text-align:right} #noeiceArea .noticeList ul li a {float:left;width:370px;height:20px;display:block} #cleanssite {float:left;position:relative;margin:0;padding:0;width:230px;text-align:left;overflow:hidden;display:block} #cleanssite p.title {position:relative;margin:6px 0 0 0;padding:0;width:230px;height:27px;display:block} #cleanssite p.img {position:relative;margin:0 0 10px 0;padding:0;width:228px;height:68px;border:1px solid #d9d9d9;overflow:hidden;display:block} #cleanssite p.img a {width:228px;height:68px;display:block} #cleanssite p.con {color:#989898;line-height:16px;letter-spacing:-0.05em} .mainContents2 {position:relative;margin:0 auto;padding:25px 0;width:980px;text-align:left;border-top:1px solid #fdd09a;overflow:hidden;display:block} #protect {float:left;position:relative;margin:0 25px 0 0;padding:0;width:265px;text-align:left;overflow:hidden;display:block} #protect p.title {position:relative;margin:0 0 10px 0;padding:0;height:14px;display:block} #protect a.con {position:relative;margin:0;padding:0;width:265px;height:80px;display:block} #pds {float:left;position:relative;margin:0 25px 0 0;padding:0;width:435px;overflow:hidden;display:block} #pds ul {margin:10px 0 0 0} #pds ul li {float:left;position:relative;margin:0;padding:0;width:87px;height:80px;display:block} #pds ul li a {width:87px;height:80px;display:block} #event {float:left;position:relative;margin:0;padding:0;width:230px;text-align:left;overflow:hidden;display:block} #event .title {position:relative;margin:0 0 10px 0;padding:0;width:230px;overflow:hidden;display:block} #event .title p.title {float:left;position:relative;margin:0;padding:0;width:80px;height:14px;display:block} #event .title .btn {float:right;position:relative;margin:0;padding:0;right:0;display:block} #event .title .btn ul li {float:left;position:relative;margin:0 2px 0 0;padding:0;width:14px;height:14px;text-align:center;font-weight:bold;display:block} #event .title .btn ul li a {width:14px;height:14px;background:url(/images/index/box.gif) no-repeat left top;font-size:11px;text-align:center;color:#acacac;font-weight:bold;display:block} #event .title .btn ul li a:hover {background-position:0 -14px;color:#fff} #event a.con {position:relative;margin:0;padding:0;width:228px;height:78px;border:1px solid #d9d9d9;display:block} .familyBannerArea {position:relative;margin:0 auto;padding:0;width:980px;height:49px;border-top:1px solid #d4d4d4;border-bottom:1px solid #eaeaea;overflow:hidden;display:block} .familyBannerArea ul {position:relative;margin:0 0 25px 10px;padding:0;width:960px;height:49px;overflow:hidden} .familyBannerArea ul li {float:left;position:relative;margin:0 10px;padding:0;width:140px;height:49px} .familyBannerArea ul li a {width:140px;height:49px} .familyBannerArea .arrowLeft {float:left;margin:17px 0 0 0;padding:0;width:10px} .familyBannerArea .arrowRight {float:right;margin:17px 0 0 0;padding:0;width:10px} /* sub visual */ #subVisualArea {position:relative;margin:-51px auto;padding:0;width:980px;height:150px;display:block} #subVisualArea .visualIntroduce {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/introduce.jpg) no-repeat center top;display:block} #subVisualArea .visualBoard {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/board.jpg) no-repeat center top;display:block} #subVisualArea .visualWork {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/work.jpg) no-repeat center top;display:block} #subVisualArea .visualInformation {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/information.jpg) no-repeat center top;display:block} #subVisualArea .visualProtect {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/protect.jpg) no-repeat center top;display:block} #subVisualArea .visualStatistics {margin:0 auto;padding:0;width:980px;height:150px;background:url(/images/visual/statistics.jpg) no-repeat center top;display:block} #subContentsArea {position:relative;margin:71px auto;padding:0 0 70px 0;width:980px;text-align:left;display:block} /* lnb */ #lnbArea {float:left;position:relative;margin:-33px 40px 0 0;padding:0 0 70px 0;width:190px;display:block} #lnbArea .lnbT {margin:0;padding:0;width:190px;height:33px;border-bottom:1px solid #000;text-align:center} #lnbArea .lnb {margin:0;padding:0;width:190px;text-align:center;display:block} #lnbArea .lnb ul li {float:left;position:relative;margin:0px;padding:0px;width:190px;text-align:center;display:block} #lnbArea .lnb ul li a {float:left;position:relative;margin:0 auto;padding:0;width:190px;height:33px;display:block} #lnbArea .lnb ul li.subFirst a {position:relative;margin:0px 0 0 0;padding:10px 0 0 0;width:190px;height:20px;background:#f8f8f8;display:block} #lnbArea .lnb ul li.sub a {position:relative;margin:0px 0 0 0;padding:0;width:190px;height:20px;display:block} #lnbArea .lnb ul li.subEnd a {position:relative;margin:0;padding:0 0 10px 0;width:190px;height:20px;background:#f8f8f8;border-bottom:1px solid #e5e5e5;display:block} /* sub contents */ #contentsArea {float:right;position:relative;margin:-33px 0 0 0;width:750px;height:100%;overflow:hidden;display:block} /* linemap */ #linemapArea {float:right;margin:10px 5px 10px 0;padding:0;width:45%;text-align:right;font-size:11px;color:#acacac;letter-spacing:-0.05em} #linemapArea a {color:#acacac} /* title */ #titleArea {position:relative;margin:6px 0 10px 0;padding:0;width:50%;height:17px;display:block} #titleArea h3 {height:17px} /* contents */ #contents {position:relative;margin:35px 0 0 0;padding:0 0 70px 0;*padding:0 0 0px 0;width:750px;overflow:hidden;display:block} #introduce {float:left;position:relative;margin:0;padding:0;width:750px;display:block} #greeting {position:relative;margin:0;padding:0;width:750px;height:328px;background:url(/images/introduce/imgGreeting.jpg) no-repeat right top;display:block} .conGreeting {position:relative;margin:13px 0 0 0;padding:0;width:750px;overflow:hidden;display:block} .conWork1 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgWork1.jpg) no-repeat right top;overflow:hidden;display:block} .conWork2 {position:relative;margin:35px 0 0 0;padding:0;width:750px;overflow:hidden;display:block} p.conTitleT {position:relative;margin:0px 0 13px 0;padding:0;display:block} p.conTitle {position:relative;margin:35px 0 13px 0;padding:0;display:block} .conPoint {position:relative;margin:0;padding:0;width:750px;display:block} .conPoint ul {position:relative;margin:0;padding:0} .conPoint ul li {position:relative;margin:0;padding:0 0 0 11px;background:url(/images/default/point.gif) no-repeat left 5px;display:block} .conPoint2 {float:right;position:relative;margin:0;padding:0;width:580px;display:block} .conPoint2 ul {position:relative;margin:0;padding:0} .conPoint2 ul li {position:relative;margin:0;padding:0 0 0 11px;background:url(/images/default/point.gif) no-repeat left 5px;display:block} .conPoint3 {float:left;position:relative;margin:0;padding:0;width:370px;display:block} .conPoint3 ul {position:relative;margin:0;padding:0} .conPoint3 ul li {position:relative;margin:0;padding:0 0 0 11px;background:url(/images/default/point.gif) no-repeat left 5px;display:block} .teamDivision {position:relative;margin:0;padding:0;width:750px;border-bottom:1px solid #d7d7d7} .teamDivision ul {position:relative;margin:0;padding:0;width:750px;height:25px;display:block} .teamDivision ul li {float:left;position:relative;margin:0;padding:0;width:107px;background:url(/images/introduce/division.gif) no-repeat right 3px;text-align:center} .teamDivision ul li a {display:block;} .teamDivision ul li a:hover, .teamDivision ul li a:active {font-weight:bold;color:#214b88;padding-bottom:7px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .teamDivision ul li a.select {font-weight:bold;color:#214b88;padding-bottom:8px;*padding-bottom:10px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .icopYear {position:relative;top:-25px;margin:0 0 10px 0;padding:0;width:750px;border-bottom:1px solid #d7d7d7} .icopYear ul {position:relative;margin:0;padding:0;width:750px;height:25px;display:block} .icopYear ul li {float:left;position:relative;margin:0;padding:0;width:125px;background:url(/images/introduce/division.gif) no-repeat right 3px;text-align:center} .icopYear ul li a {float:left;padding:0;width:125px} .icopYear ul li a:hover {width:125px;font-weight:bold;color:#214b88;padding-bottom:7px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .icopYear ul li a:active {width:125px;font-weight:bold;color:#214b88;padding-bottom:7px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .icopYear ul li a.select {width:125px;font-weight:bold;color:#214b88;padding-bottom:8px;*padding-bottom:10px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .cyber1 {position:relative;margin:0;padding:0;width:750px;background:url(/images/introduce/imgCyber1.gif) no-repeat right top;display:block} .cyber2 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgCyber2.gif) no-repeat right top;display:block} .cyber3 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgCyber3.gif) no-repeat right top;display:block} .cyber4 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgCyber4.gif) no-repeat right top;display:block} .cyber5 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgCyber5.gif) no-repeat right top;display:block} .cyber6 {position:relative;margin:35px 0 0 0;padding:0;width:750px;background:url(/images/introduce/imgCyber6.gif) no-repeat right top;display:block} .cyber7 {position:relative;margin:35px 0 0 0;padding:0;width:750px;} .organTelBox {position:relative;margin:20px auto;padding:15px 20px;width:708px;overflow:hidden;border:1px solid #e5e5e5;display:block} .organTelBox p.info {float:left;position:relative;margin:0;padding:0 0 0 30px;background:url(/images/introduce/iconTel.png) no-repeat left center;display:block} .ciLan {float:left;position:position:relative;margin:0;padding:0;width:750px;display:block} .btnJpg {float:left;position:relative;margin:0 3px 0 0;padding:0;height:22px;display:block} .btnAi {float:left;position:relative;margin:0;padding:0;height:22px;display:block} .ciBtn {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .ciColor {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .offlineSummary {float:left;position:relative;margin:0 20px 0 0;padding:0;width:140px;display:block} .mapArea {position:relative;margin:0;padding:0;width:748px;height:328px;;overflow:hidden;display:block} .mapCon {position:relative;margin:20px 0 0 0;padding:0;width:750px;overflow:hidden;display:block} .mapCon ul {position:relative;margin:0;padding:7px 0 6px 0;width:750px;overflow:hidden;border-bottom:1px solid #e5e5e5;display:block} .mapCon ul li.title {float:left;position:relative;margin:0;padding:0 0 0 20px;width:56px;text-align:left;font-weight:bold;display:block} .mapCon ul li.con {float:right;position:relative;margin:0;padding:0 0 0 21px;width:653px;background:url(/images/introduce/mapLine.gif) repeat-y left center;display:block} .mapPrint {float:right;position:relative;margin:20px 0 0 0;padding:0;width:70px;height:25px;display:block} .mapCon .mapTitle {float:left;position:relative;margin:0;padding:5px 0 4px 20px;width:56px;font-weight:bold;border-bottom:1px solid #e5e5e5;text-align:left} .mapCon .mapContents {float:right;position:relative;margin:0;padding:5px 0 4px 21px;width:652px;background:url(/images/introduce/mapLine.gif) repeat-y left center;border-bottom:1px solid #e5e5e5;display:block} #traceArea {float:left;position:relative;margin:0;padding:0;width:750px;display:block} #traceArea .yearArea {float:left;position:relative;margin:0;padding:10px 0 25px 0;width:127px;text-align:center} #traceArea .conTraceArea {float:right;position:relative;margin:0;padding:34px 0 10px 35px;width:587px;text-align:left;border-left:1px solid #e4e4e4} #traceArea .conTraceArea .list {float:left;position:relative;margin:7px 0 0 0;padding:0;width:587px;text-align:left;display:block} #traceArea .conTraceArea .list .month {float:left;margin:3px 0px 0 0;padding:0;width:19px} #traceArea .conTraceArea .list .conTrace {float:right;margin:1px 0 0 14px;padding:0 0 0 15px;width:535px;background:url(/images/introduce/point.gif) no-repeat left 7px;display:block} #brochureArea {position:relative;margin:0;padding:0;width:750px;display:block} .brochureDivision {position:relative;margin:0;padding:0;width:748px;border:1px solid #d7d7d7} .brochureDivision ul {position:relative;margin:0;padding:16px 0 0 0;width:748px;height:32px;display:block} .brochureDivision ul li {float:left;position:relative;margin:0;padding:0;width:123px;background:url(/images/introduce/division.gif) no-repeat right 3px;text-align:center} .brochureDivision ul li a.division {float:left;padding:0;width:123px} .brochureDivision ul li a.division:hover {width:126px;font-weight:bold;color:#214b88;padding-bottom:13px;border-bottom:2px solid #7ea7d9;display:block} .brochureDivision ul li a.divisionb {width:126px;font-weight:bold;color:#214b88;padding-bottom:13px;border-bottom:2px solid #7ea7d9;display:block} #conBrochure {position:relative;margin:20px 0 0 0;padding:0;width:750px;display:block} #conBrochure .imgArea {float:left;margin:0;padding:0;width:368px;height:368px;overflow:hidden;border:1px solid #d7d7d7} #conBrochure .conArea {float:right;margin:0;padding:0;width:360px;display:block} #conBrochure .conArea .title {margin-top:10px;font-size:16px;color:#3c3c3c;font-weight:bold} #conBrochure .conArea .stitle {margin-top:15px;font-weight:bold} #conBrochure .conArea .con {margin-top:3px} #conBrochure .conArea .btnArea {margin-top:3px} #conBrochure .conArea .btnArea a {position:relative;margin:1px 0 0 0} #conBrochure .conArea .listArea {position:relative;margin:38px 0 0 0;padding:0;width:360px} #conBrochure .conArea .listArea ul li {float:left;position:relative;margin:5px 5px 0 0;padding:0;width:78px;height:78px;border:1px solid #d7d7d7;} #conBrochure .conArea .listArea ul li a {float:left;position:relative;margin:0;padding:0} #prVodArea {position:relative;margin:20px 0 0 0;padding:0;width:750px;display:block} .arrowArea {position:absolute;margin:59px 0 0 0;padding:0;z-index:999} .arrowArea a.arrowL {float:left;margin:0 0 0 30px;padding:0;width:16px;height:32px;display:block} .arrowArea a.arrowR {float:left;margin:0 30px 0 658px;padding:0;width:16px;height:32px;display:block} #listArea {position:relative;margin:0;padding:0;width:750px;height:148px;background:#f8f8f8;border-top:1px solid #ededed;border-bottom:1px solid #ededed} #listArea ul {position:relative;margin:0px 0 0 55px;padding:0;width:640px;overflow:hidden} #listArea ul li ul {margin:0px;width:3000px} #listArea ul li ul li {float:left;position:relative;margin:15px 14px 0 14px;padding:0;width:100px;height:130px;background:url(/images/introduce/thumbVodBg.gif) no-repeat left top;text-align:center;vertical-align:middle;display:block} #listArea ul li ul li a {float:left;position:relative;margin:0;padding:3px;width:94px;height:124px;background:url(/images/introduce/thumbVodBg.gif) no-repeat left top} #listArea ul li ul li a:hover {float:left;position:relative;margin:0;padding:3px;width:94px;height:124px;background:url(/images/introduce/thumbVodBg.gif) no-repeat left top;background-position:0 -130px} #listArea ul li ul li a .title {width:100px;text-align:center;font-size:11px} .vodPlayer {float:left;position:relative;margin:35px 20px 0 0;width:530px;display:block} .vodPlayer .player {margin:0;padding:0;width:528px;height:388px;border:1px solid #b2b2b2;} .vodPlayer .con {margin:30px 0 0 0;width:528px;display:block} .vodCaption {float:right;position:relative;margin:35px auto;padding:5px;width:188px;height:378px;white-space:nomal;border:1px solid #b2b2b2;overflow-x:hidden;overflow-y:scroll;display:block} #teamLocal {position:relative;margin:0px 0 0 0;padding:0;width:750px;display:block;z-index:998} #teamLocal .sTitle {float:left;margin:10px 0 0 0;padding:0;width:401px;display:block} #teamLocal .sTitle img {width:401px;height:37px;display:block} #teamLocal .sTitle .notice {margin:25px 0 0 0;padding:0 0 0 9px;width:401px;background:url(/images/team/point.gif) no-repeat left center;display:block} #teamLocal .img {float:right;position:relative;margin:0;padding:0;width:237px;height:96px;background:url(/images/team/imgLocal.gif) no-repeat right top;display:block} .sTitleView {float:left;margin:0;padding:0 0 0 9px;width:530px;background:url(/images/introduce/point2.gif) no-repeat left center;display:block} .selectRegular {position:absolute;margin:0 0 0 540px;*margin:0 0 0 130px;padding:0;z-index:999;display:block} .localViewArea {float:left;position:relative;margin:10px 0 0 0;padding:29px;width:690px;border:1px solid #dbdbdb;overflow:hidden;display:block} .localViewArea .viewArea {float:left;position:relative;margin:0;padding:0;width:352px;display:block} .localViewArea .viewArea p.logo {position:relative;margin:0 0 10px 0;width:350px;height:64px;text-align:left;display:block} .localViewArea .imgArea {position:relative;margin:0 20px 0 0;padding:0;width:346px;height:331px;border:1px solid #dbdbdb;display:block} .localViewArea .imgArea img {position:relative;margin:0px;padding:0;width:346px;display:block} .localViewArea .localBtnArea .btnHome {position:relative;margin:10px 0 0 0;padding:0;width:118px;height:25px;display:block} .localViewArea .textArae {float:right;position:relative;margin:72px 0 0 0;padding:0;width:318px;display:block} .localViewArea .textArae .textBlock {position:relative;margin:0 0 10px 0;padding:0 0 10px 0;width:318px;overflow:hidden;border-bottom:1px solid #dbdbdb;display:block} .localViewArea .textArae .textBlock ul li {width:318px} .localViewArea .textArae .textBlock ul li.conText {font-size:11px;color:#acacac;line-height:16px} .localViewArea .textArae .textBlock ul.left {float:left;margin:0 10px 0 0;padding:0;overflow:hidden;display:block} .localViewArea .textArae .textBlock ul.left li ul {float:right;*margin:-18px 0 0 0;width:260px;white-space:nomal;display:block} .tabArea {position:relative;margin:0 0 20px 0;padding:0;width:750px;height:27px;background:url(/images/introduce/tabBg.gif) repeat-x left top;text-align:left;display:block} .tabArea ul {position:relative;margin:0;padding:0;width:750px;height:27px} .tabArea ul li {float:left;margin:0;padding:0;height:27px;display:block} .tabArea ul li a {height:27px;display:block} .tabArea2 {position:relative;margin:0 0 35px 0;padding:0;width:750px;height:43px;text-align:left;display:block} .tabArea2 ul {position:relative;margin:0;padding:0;width:750px;height:43px} .tabArea2 ul li {float:left;margin:0;padding:0;height:43px;display:block} .tabArea2 ul li a {height:43px;display:block} p.map {position:relative;margin:0 0 20px 0;padding:0;width:750px;display:block} .overseasArea {float:left;position:relative;margin:15px 0 0 0;padding:29px;width:690px;border:1px solid #dbdbdb;background:#f9f9f9} .overseasArea .conOverseas {position:relative;margin:0 0 20px 0;padding:0 0 15px 0;width:690px;border-bottom:1px solid #eaeaea;display:block} .overseasArea .conOverseas p.country {margin:0 0 10px 0;padding:0;width:690px;height:15px;display:block} .overseasArea .conOverseas ul li {position:relative;margin:0 0 0 5px;padding:0 0 0 8px;background:url(/images/team/point2.gif) no-repeat left 9px;width:675px;line-height:22px;display:block} .overseasArea .conOverseas ul li a.icon {margin:0 0 0 6px} #memJoinArea {position:relative;margin:0;padding:0;width:710px;overflow:hidden;display:block;} #workArea {position:relative;margin:0;padding:0;width:750px;display:block} .onlineBox {position:relative;margin:10px 0 0 0;padding:20px;width:708px;overflow:hidden;border:1px solid #d7d7d7;display:block} .onlineBox a.btnDetail {width:88px;height:22px;display:block} .online1 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgOnline1.gif) no-repeat right top;display:block} .offlineArea {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .offline2 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgOffline21.gif) no-repeat right top;display:block} .offline4 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgOffline4.gif) no-repeat right top;display:block} .offline5 {position:relative;margin:0;padding:0;width:750px;height:210px;background:url(/images/work/imgOffline5.gif) no-repeat right top;display:block} .offlineDivision {position:relative;margin:0;padding:0;width:750px;border-bottom:1px solid #d7d7d7} .offlineDivision ul {position:relative;margin:0;padding:0;width:750px;height:25px;display:block} .offlineDivision ul li {float:left;position:relative;margin:0;padding:0;width:375px;background:url(/images/introduce/division.gif) no-repeat right 3px;text-align:center} .offlineDivision ul li a {float:left;padding:0;width:375px} .offlineDivision ul li a:hover, .offlineDivision ul li a:active {width:375px;font-weight:bold;color:#214b88;padding-bottom:7px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .offlineDivision ul li a.select {width:375px;font-weight:bold;color:#214b88;padding-bottom:8px;*padding-bottom:10px;background:url(/images/introduce/division.gif) no-repeat right 3px;border-bottom:2px solid #7ea7d9;display:block} .appoint {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgAppoint1.gif) no-repeat right top;display:block} .icop1 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop1.gif) no-repeat right top;display:block} .icop2 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop2.gif) no-repeat right top;display:block} .icop3 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop3.gif) no-repeat right top;display:block} .icop41 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop41.gif) no-repeat right top;display:block} .icop51 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop51.gif) no-repeat right top;display:block} .icop52 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgIcop52.gif) no-repeat right top;display:block} .pr1 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgPr1.gif) no-repeat right top;display:block} .pr2 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgPr2.gif) no-repeat right top;display:block} .pr3 {position:relative;margin:0;padding:0;width:750px;background:url(/images/work/imgPr3.gif) no-repeat right top;display:block} .pr4 {position:relative;margin:0;padding:0;width:750px;height:264px;background:url(/images/work/imgPr4.gif) no-repeat right top;display:block} #reportArea {position:relative;margin:0px 0 0 0;padding:0;width:750px;display:block} #reportArea .listArea {float:left;position:relative;margin:0;padding:20px 0;width:750px;border-bottom:1px solid #dbdbdb;display:block} #reportArea .listArea p.thumbReport {float:left;position:relative;margin:0 20px 0 0;padding:4px;width:110px;height:110px;background:#fff;border:1px solid #e4e4e4;display:block} #reportArea .listArea .conArea {float:right;position:relative;margin:0;padding:0 10px 0 0;width:600px;white-space:nomal} #reportArea .listArea .conArea a.btnDown {position:relative;margin:10px 0 0 0;width:67px;height:22px;display:block} #cStoryArea {position:relative;margin:0;padding:0;width:750px;display:block} .cStoryTab {position:relative;margin:0px 0 0 0;padding:0;width:750px;height:27px;background:url(/images/introduce/tabBg.gif) repeat-x left top;text-align:left;display:block} .cStoryTab ul li.menu1 {float:left;position:relative;margin:0;padding:0;width:272px;height:27px;display:block} .cStoryTab ul li a.tab1 {width:272px;height:27px;display:block} .cStoryTab ul li.menu2 {float:left;position:relative;margin:0;padding:0;width:150px;height:27px;display:block} .cStoryTab ul li a.tab2 {width:150px;height:27px;display:block} .cStoryTab ul li.menu3 {float:left;position:relative;margin:0;padding:0;width:150px;height:27px;display:block} .cStoryTab ul li a.tab3 {width:150px;height:27px;display:block} .cStory {position:relative;margin:34px 0 0 0;padding:0;width:750px;height:20px;display:block;z-index:999} .cStory .sTitleView {float:left;position:relative;margin:0;padding:0 0 0 9px;width:50%;background:url(/images/introduce/point2.gif) no-repeat left center;display:block} .selectPast {float:right;position:absolute;margin:0;padding:0;right:0} .cStoryView {position:relative;margin:10px 0 0 0;padding:29px;width:690px;border:1px solid #d7d7d7;overflow:hidden;display:block;z-index:990} .cStoryView .imgArea {float:left;position:relative;margin:0 34px 0 0;padding:0;width:288px;height:303px;border:1px solid #e4e4e4;overflow:hidden;display:block} .cStoryView .conArea {float:right;position:relative;margin:0;padding:0;width:366px;text-align:left;vertical-align:top;display:block} .cStoryView .conArea .textArea {position:relative;margin:14px 0 0 0;padding:0 0 8px 0;width:366px;border-bottom:1px solid #dbdbdb} .cStoryView .conArea .textArea .title {font-weight:bold;color:#214b88} .cStoryView .conArea .textArea .con {margin:3px 0 0 0;padding:0 0 0 11px;background:url(/images/default/point.gif) no-repeat left 5px;font-size:11px;line-height:16px} .cStoryView .conArea a.btnEbook {vertical-align:bottom;width:87px;height:25px;display:block} .cStoryGuideArea {position:relative;margin:35px 0 0 0;padding:0;width:750px;display:block} .cStoryGuideArea p.title {position:relative;margin:0;padding:0;width:50px;height:25px} .cStoryGuideArea p.title2 {position:relative;margin:35px 0 0 0;padding:0;width:50px;height:25px} .conGuide {position:relative;margin:15px 0 0 0;padding:0px;width:750px;height:100px;overflow-x:hidden;overflow-y:hidden;border:0px solid #d7d7d7;display:block} .cStoryMailArea {position:relative;margin:33px 0 0 0;padding:0;width:750px;display:block} .cStoryMailForm {float:left;position:relative;margin:0;padding:0;width:750px;display:block} #violationArea {float:left;position:relative;margin:0;padding:0;width:750px;display:block} #violationArea .title {position:relative;margin:0 0 13px 0;padding:0;height:25px;display:block} #violationArea .title2 {position:relative;margin:30px 0 13px 0;padding:0;height:25px;display:block} #violationArea .title3 {position:relative;margin:0 0 20px 0;padding:0;height:25px;display:block} #violationArea .title4 {position:relative;margin:20px 0 20px 0;padding:0;height:25px;display:block} #violationArea .processImg {position:relative;margin:15px 0 0 0;padding:0;width:750px;height:141px;display:block} #violationArea a.btnGo {margin:5px 0 0 0;padding:0;width:76px;height:22px;display:block} #violationArea .reportQna {position:relative;margin:35px 0 0 0;padding:0;width:750px;height:127px;text-align:left;display:block} #violationArea .imgStep {position:relative;margin:0 0 35px 0;padding:0;width:750px;height:90px;display:block} #violationArea .guideArea {position:relative;margin:15px 0 0 0;padding:15px 19px;width:710px;overflow:hidden;border:1px solid #d7d7d7;display:block} #violationArea .guideArea ul li {position:relative;margin:0;padding:0 0 0 9px;width:710px;background:url(/images/default/point.gif) no-repeat left 5px;display:block} #violationArea .guideArea ul li a.btnJoin {margin-bottom:5px;width:59px;height:18px;display:block} #violationArea a.btnAccept {position:relative;margin:20px auto;width:113px;height:25px;display:block} #violationArea .acceptOk {position:relative;margin:35px 0 0 0;padding:0;width:750px;height:170px;display:block} #violationArea .btnAcceptOk {position:relative;margin:20px auto;width:70px;height:25px;display:block} #loginArea {position:relative;margin:0;padding:0;width:750px;display:block} #loginArea p {line-height:17px} #loginArea a.qnaSearch {position:absolute;margin:13px 0 0 320px;padding:0;width:94px;height:22px;display:block} .login {position:relative;margin:14px 0 0 0;padding:50px 200px;width:348px;border:1px solid #d7d7d7;display:block} .login p {position:relative;margin:0;padding:0;width:274px;overflow:hidden;display:block} .login p a.title {float:left;margin:0;padding:3px 0 0 0;width:69px;height:22px;text-align:left;font-weight:bold;line-height:22px;letter-spacing:-0.05em} .login p a.input {float:left;margin:0;padding:0;width:205px;height:25px;display:block} .login a.btnLogin {float:right;position:absolute;margin:-49px 0 0 274px;padding:0;width:70px;height:44px;display:block} #presentArea {position:relative;margin:0;padding:0;width:750px;display:block} .searchPresent {position:relative;margin:0;padding:19px;width:710px;border:1px solid #d7d7d7;overflow:hidden;display:block} .searchPresent a.btnSearch {margin:10px auto;padding:0;width:39px;height:19px;display:block} .presentState {position:relative;margin:20px 0 0 0;padding:0;width:750px;display:block} #statistics {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .statisticsTab {position:relative;margin:0;padding:0;width:710px;height:34px;background:url(/images/statistics/tabBg.gif) repeat-x left top;display:block} .statisticsTab ul li {float:left;position:relative;margin:0 1px 0 0;padding:0;height:34px;display:block} .statisticsTab ul li a {float:left;position:relative;margin:0 1px 0 0;padding:0;height:34px;display:block} #statistics .con {position:relative;margin:35px 0 0 0;padding:0;width:710px;overflow:hidden;z-index:1;display:block} #statistics .con ul li {position:relative;margin:0;padding:0 0 0 11px;width:710px;background:url(/images/default/point.gif) no-repeat left 7px;display:block} #statistics .con p.graphL {float:left;position:relative;margin:0 35px;padding:0;width:285px;overflow:hidden;display:block} #statistics .con p.graphR {float:right;position:relative;margin:0 35px;padding:0;width:285px;overflow:hidden;display:block} .con {position:relative;margin:0px 0 0 0;padding:0;width:750px;overflow:hidden;display:block} .con ul li {float:left;position:relative;margin:15px 0 0 0;padding:0 0 0 11px;width:750px;background:url(/images/default/point.gif) no-repeat left 7px;display:block} .con p.graphL {float:left;position:relative;margin:0 35px;padding:0;width:285px;overflow:hidden;display:block} .con p.graphR {float:right;position:relative;margin:0 35px;padding:0;width:285px;overflow:hidden;display:block} .statisticsMapL {float:left;position:relative;margin:0 40px 0 0;padding:0;width:300px;overflow:hidden;display:block} .statisticsMapL .title {float:left;position:relative;margin:3px 10px 20px 0;padding:0;width:103px;height:26px;display:block} .statisticsMapL .mapArea {position:relative;margin:0;padding:30px;width:280px;text-align:center;overflow:hidden;display:block} .statisticsMapR {float:right;position:relative;margin:0;padding:0;width:370px;display:block} .statisticsMapR .mapTitleArea {position:relative;margin:0 0 10px 0;padding:0;width:370px;display:block} .statisticsMapR .mapTitleArea .title {float:left;position:relative;margin:3px 10px 10px 0;padding:0;width:215px;height:26px;display:block} .statisticsMapR .mapTitleArea2 {position:relative;margin:20px 0 10px 0;padding:0;width:370px;display:block} .statisticsMapR .mapTitleArea3 {position:relative;margin:0px 0 10px 0;padding:0;width:370px;display:block} .chartDivision {position:relative;margin:10px 0 0 0;padding:15px 0 15px 30px;width:718px;background:#fafafa;border:1px solid #c8c8c8;display:block} .chartDivision .title {float:left;margin:0 25px 0 0;padding:0} .chartCon {position:relative;margin:40px 0 0 0;padding:0 0 10px 0;width:750px;border-bottom:1px solid #b4b4b4;overflow:hidden;display:block} .chartCon .imgChart {float:left;position:relative;margin:0;padding:0;width:175px;height:144px;overflow:hidden} .chartCon .chartContents {float:right;position:relative;margin:0;padding:0;width:535px;overflow:hidden;display:block} .chartCon .chartContents .tOnline1 {margin:10px 0;display:block} .chartCon .chartContents ul li {position:relative;margin:0;padding:0 10px 0 11px;width:514px;background:url(/images/default/point.gif) no-repeat left 7px;display:block} .tBustRanking {position:relative;margin:0;padding:7px 0;width:750px;font-weight:bold;text-align:center;display:block} .ready {position:relative;margin:0;padding:55px 0;width:710px;text-align:center;display:block} #sitemap {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .sitemap {position:relative;margin:0;padding:0;width:750px;overflow:hidden;display:block} .sitemap ul {float:left;position:relative;margin:0 0 50px 0;padding:0;width:195px;height:209px;overflow:hidden;display:block} .sitemap ul li.title {float:left;margin:0 0 5px 0;padding:0;width:195px;display:block} .sitemap ul li {float:left;padding:0} .sitemap ul li a {height:32px;display:block} .sitemap ul li.stitleT {float:left;margin:5px 0 0 0;padding:0} .sitemap ul li.stitleT a {height:26px;display:block} .sitemap ul li.stitle {float:left;padding:0} .sitemap ul li.stitle a {height:21px;display:block} .sitemap ul li.stitleB {float:left;padding:0} .sitemap ul li.stitleB a {height:27px;display:block} .sitemap ul.left {float:left;position:relative;margin:0 0 50px 0;padding:0;width:165px;height:209px;overflow:hidden;display:block} .sitemap ul.left li.title {float:left;margin:0 0 5px 0;padding:0;width:165px;display:block} .sitemap ul.left li {float:left;padding:0} .sitemap ul.left li a {height:32px;display:block} .sitemap ul.left li.stitleT {float:left;margin:0;padding:0} .sitemap ul.left li.stitleT a {height:26px;display:block} .sitemap ul.left li.stitle {float:left;padding:0} .sitemap ul.left li.stitle a {height:21px;display:block} .sitemap ul.left li.stitleB {float:left;padding:0} .sitemap ul.left li.stitleB a {height:27px;display:block} .sitemap ul.left2 {position:relative;margin:0;padding:0;width:165px;height:336px;overflow:hidden;display:block} .sitemap ul.left2 li.title {float:left;margin:0 0 5px 0;padding:0;width:165px;display:block} .sitemap ul.left2 li {float:left;padding:0} .sitemap ul.left2 li a {height:32px;display:block} .sitemap ul.left2 li.stitleT {float:left;margin:0;padding:0} .sitemap ul.left2 li.stitleT a {height:26px;display:block} .sitemap ul.left2 li.stitle {float:left;padding:0} .sitemap ul.left2 li.stitle a {height:21px;display:block} .sitemap ul.left2 li.stitleB {float:left;padding:0} .sitemap ul.left2 li.stitleB a {height:27px;display:block} #popArea {position:relative;margin:0;padding:0;width:100%-20px;text-align:left;border:10px solid #ededed;overflow:hidden;display:block} #popArea a.close {float:right;position:relative;top:10px;right:10px;width:17px;height:17px;overflow:hidden;display:block} .onlineArea {position:relative;margin:0 auto;padding:30px;width:540px;overflow:hidden;display:block} .onlineArea p.title {position:relative;margin:0;padding:0 0 10px 0;width:540px;border-bottom:1px solid #dbdbdb;display:block} .popOnlineBox {position:relative;margin:20px 0 0 0;padding:20px;width:100%-40px;overflow:hidden;border:1px solid #d7d7d7;display:block} #popOverseasArea {position:relative;margin:0;padding:0px;width:600px;text-align:left;border:10px solid #ededed;display:block} #popOverseasArea a.close {float:right;position:relative;top:10px;right:10px;width:17px;height:17px;overflow:hidden;display:block} .popOverseas {position:relative;margin:0;padding:30px 7px 30px 30px;width:543px;display:block} .popOverseas .popTitle {margin:3px 0 15px 0;padding:0 0 7px 0;font-size:14px;color:#3c3c3c;font-weight:bold;border-bottom:1px solid #dbdbdb} .popOverseas .popConOverseas {position:relative;margin:0;padding:0 0 15px 0;width:543px;overflow:hidden;display:block} .popConOverseas p {white-space:nomal;line-height:16px} .popCon {position:relative;margin:10px 0 0 0;padding:20px;width:498px;height:418px;overflow-x:hidden;overflow-y:scroll;border:1px solid #d7d7d7;display:block} .popCon a.top {position:relative;margin:20px 0 20px 215px;padding:0;width:50px;height:20px;display:block} .popState {margin:30px auto;width:540px;text-align:left;display:block} #mFooterArea {float:left;position:relative;margin:25px auto;padding:0;width:100%;display:block} .mFooter {margin:0 auto;padding:0;width:980px;height:73px;display:block} .mFooter p.logo {float:left;margin:11px 50px 0 0;padding:0;width:140px;height:37px;display:block} .mFooter .copyright {float:left;position:relative;margin:0 0 12px 0;padding:0;width:790px;display:block} .mFooter .copyright .fMenu {float:left;position:relative;margin:0;padding:0} .mFooter .copyright .fMenu ul {width:560px;height:11px;text-align:left;display:block} .mFooter .copyright .fMenu ul li {float:left;margin:0;padding:0} .mFooter .copyright .fMenu ul li a {height:11px;display:block} .mFooter .copyright .family {float:right;margin:-10px 0 0 0;right:0;padding:0;text-align:left} .mFooter .copyright p.footer {float:left;position:relative;margin:12px 0 0 0;padding:0;display:block} #footerArea {float:left;position:relative;margin:0 auto;padding:0;width:100%;height:97px;display:block} #footerArea .fMenuArea {position:relative;margin:0 auto;padding:15px 0;width:980px;height:11px;text-align:left;;border-top:1px solid #d9d9d9;display:block;z-index:999} #footerArea .fMenuArea .fmenu {float:left;margin:0;padding:0;width:450px} #footerArea .fMenuArea .fmenu p img {float:left;padding:0} #footerArea .fMenuArea .family {float:right;position:absolute;margin:-4px 0 0 0;right:0;padding:0} #footerArea .footer {position:relative;margin:0;padding:0;width:100%;height:90px;display:block} #footerArea .footer p img {position:relative;margin:0 auto;padding:0;width:980px;border-top:1px solid #d9d9d9;text-align:left}