/* layout */
html { height:100%; text-align:center;}
body { text-align:center; width:100%; height:100%; background:#fff; position:relative; margin:0 auto;}
body, td, div, textarea, input {font-family:Arial,Verdana,Tahoma; font-size:12px; color:#555;}
select { color:#555555; }

/*id sort */
div#naviMain, div#naviMainN, div#contentsWrap, div#siteInfo { text-align:center; margin:0 auto;}

/* Top Navigation Menu */
div#naviMain { width:995px; height:115px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_header.gif) no-repeat top left; text-align:left; overflow:hidden; }
div#naviMain .logoTit{float:left;}
div#naviMain .logoTit h1{ padding:6px 0 0 41px;}
div#naviMain .logoTit h2{ padding:1px 0 0 183px; margin-bottom:20px; font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px;}
div#naviMain .logoTit h2 a:link { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMain .logoTit h2 a:active { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMain .logoTit h2 a:visited { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMain .logoTit h2 a:hover { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }

div#naviMain .locSearch{float:right; text-align:right; padding-right:30px;}
div#naviMain .locSearch div.locInfo {color:#BAD8FF; padding-top:11px; font-family:tahoma; font-size:10px;}
div#naviMain .locSearch div.locInfo ul {padding-bottom:12px; *padding-bottom:0px; float:right;} /* 임시로 float right */
div#naviMain .locSearch div.locInfo ul li{ background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bgr_info.gif) no-repeat 0 3px; margin-left:7px; padding-left:8px; float:left;}
div#naviMain .locSearch div.locInfo ul li.b_none{ background:none; padding:0; margin:0; }
div#naviMain .locSearch div.locInfo ul li.br_none { background:none; padding:0; margin:0 0 0 10px;  }
div#naviMain .locSearch div.locInfo ul li.on{background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_locinfo_on.gif) no-repeat 0 50%; padding-left:6px;}
div#naviMain .locSearch div.locInfo ul li.on a{color:#FFFFFF; font-weight:bold; font-size:10px;}
div#naviMain .locSearch div.locInfo ul li a{color:#BAD8FF;text-decoration:none; font-size:10px;}
div#naviMain .locSearch div.locInfo ul li a:hover{color:#FFFFFF; font-size:10px;}
div#naviMain .locSearch div.searchArea { clear:both; margin-top:8px;}
div#naviMain .locSearch div.searchArea input {border:none; border-top:1px solid #0F3B8F; border-left:1px solid #0F3B8F; vertical-align:middle; height:16px; width:172px; padding:2px 0 0 3px; margin-right:1px; color:#7E7E7E; font-family:Tahoma; font-size:10px; }
div#naviMain .locSearch div.searchArea select {width:60px; margin-right:4px; color:#7E7E7E; font-family:Tahoma; font-size:11px; }
div#naviMain .locSearch div.searchArea img {vertical-align: middle; *margin-bottom:0px;}

div#naviMain div.naviMenu {clear:both; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_navi_menu.gif) no-repeat; width:936px; height:40px; margin:3px 0 0 30px; }
div#naviMain div.naviMenu table {padding-top:7px; float:left;}/*메뉴추가나삭제시width값을다시조절*/
div#naviMain div.naviMenu table td { font-family:tahoma; color:#C1C1C1; padding:8px 18px 0px 18px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_navi_menu_td.gif) no-repeat; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
div#naviMain div.naviMenu table td.naviMenuItem01 {  text-align:center; }
div#naviMain div.naviMenu table td.naviMenuItem02 {  text-align:center; }
div#naviMain div.naviMenu table td.naviMenuItem03 {  text-align:center; }
div#naviMain div.naviMenu table td.naviMenuItem04 {  text-align:center; }
div#naviMain div.naviMenu table td.naviMenuItem05 {  text-align:center; }

div#naviMain div.naviMenu table td.b_none{background:none;}
div#naviMain div.naviMenu table td a { text-decoration:none; color:#333333; font-weight:bold; margin:; display:block; height:34px; }
div#naviMain div.naviMenu table td a:link      {text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
div#naviMain div.naviMenu table td a:active    {text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
div#naviMain div.naviMenu table td a:visited   {text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
div#naviMain div.naviMenu table td a:hover     {color:#F15202; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_navi_menu_on.gif) no-repeat 50% -8px;  }
div#naviMain div.naviMenu table td.on a{color:#F15202 !important; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_navi_menu_on.gif) no-repeat 50% -8px;margin:; display:block; height:34px; }

div#naviMain ul.hello {float:right; margin:7px 3px 0 0;}
div#naviMain ul.hello li{float:left; font-family:tahoma; padding:0 10px; font-size:11px; color:#AFC9E7;}
div#naviMain ul.hello li.b_none {background:none;}
div#naviMain ul.hello li.br_none { margin:0 0 0 0px; padding:0 5px 0 0; background:none; }
div#naviMain ul.hello li a{ color:#555555; padding:0;}
div#naviMain ul.hello li a:link      {color:#AFC9E7; font-size:11px;}
div#naviMain ul.hello li a:active    {color:#AFC9E7; font-size:11px;}
div#naviMain ul.hello li a:visited   {color:#AFC9E7; font-size:11px;}
div#naviMain ul.hello li a:hover     {color:#AFC9E7; font-size:11px;}

/*NewGNB*/
div#naviMainN { width:995px; height:120px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_top.jpg) no-repeat top left; text-align:left; overflow:hidden; }
div#naviMainN .logoTit{float:left;}
div#naviMainN .logoTit h1{ padding:36px 0 10px 41px; margin-bottom:-6px;}
div#naviMainN .logoTit h2{ padding:1px 0 0 183px; margin-bottom:20px; font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px;}
div#naviMainN .logoTit h2 a:link { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMainN .logoTit h2 a:active { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMainN .logoTit h2 a:visited { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }
div#naviMainN .logoTit h2 a:hover { font-family:Arial; font-size:18px; color:#FFFFFF; word-spacing:-1px; text-decoration:none; }

div#naviMainN .locSearch{float:right; text-align:right; padding-right:30px;}
div#naviMainN .locSearch div.locInfo {color:#3F3F3F; padding-top:11px; font-family:tahoma; font-size:11px;}
div#naviMainN .locSearch div.locInfo ul {padding-bottom:12px; *padding-bottom:0px; float:right;} /* 임시로 float right */
div#naviMainN .locSearch div.locInfo ul li{ background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bgr_info2.gif) no-repeat 0 3px; margin-left:7px; padding-left:8px; float:left; margin-top:4px;}
div#naviMainN .locSearch div.locInfo ul li.b_none{ background:none; padding:0; margin:4px 0px 0px 0px; }
div#naviMainN .locSearch div.locInfo ul li.br_none { background:none; padding:0; margin:2px 0 0 10px; }
div#naviMainN .locSearch div.locInfo ul li.binput_none{ background:none; margin:0px;}
div#naviMainN .locSearch div.locInfo ul li.on{background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_locinfo_on.gif) no-repeat 0 50%; padding-left:6px;}
div#naviMainN .locSearch div.locInfo ul li.on a{color:#FFFFFF; font-weight:bold; font-size:11px;}
div#naviMainN .locSearch div.locInfo ul li a{color:#3F3F3F;text-decoration:none; font-size:11px;}
div#naviMainN .locSearch div.locInfo ul li a:hover{color:#000000; font-size:11px;}
div#naviMainN .locSearch div.searchArea{clear:both; margin-right:8px; }
div#naviMainN .locSearch div.searchArea input { vertical-align: middle; height:20px; width:150px; border:0px; color:#7E7E7E; font-family:Tahoma; font-size:10px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/btn_header_searchbg.gif) no-repeat left top; padding:2px 0px 0px 8px; *padding:2px 0px 0px 8px; margin-top:2px;}
*:first-child+html div#naviMainN .locSearch div.searchArea input { vertical-align: middle; height:20px; width:150px; border:0px; color:#7E7E7E; font-family:Tahoma; font-size:10px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/btn_header_searchbg.gif) no-repeat left top; padding:2px 0px 0px 8px; *padding:2px 0px 0px 8px; margin-top:1px;}
div#naviMainN .locSearch div.searchArea img {vertical-align:middle; *margin-bottom:1px; _margin-bottom:0px; }

div#naviMainN div.naviGnb {clear:both; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_navi_menu2.gif) no-repeat left top; width:936px; margin-left:30px; height:36px;}
div#naviMainN div.naviGnb ul {margin-left:12px;}
div#naviMainN div.naviGnb ul li {float:left; font-family:tahoma; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_bar_sign.gif) no-repeat right 11px; padding:0px 6px 0px 4px;}
div#naviMainN div.naviGnb ul li.noLine {background:none;}
div#naviMainN div.naviGnb ul li a:link, 
div#naviMainN div.naviGnb ul li a:visited {cursor:hand; text-align:center; color:#ffffff; display: inline-block; height: 36px; text-decoration:none; font-size:13px; font-weight:bold;_width:1px;}
div#naviMainN div.naviGnb ul li a:link span,
div#naviMainN div.naviGnb ul li a:visited span {cursor:hand; display:block; white-space:nowrap; padding:8px 14px 4px 16px; height: 36px;}
div#naviMainN div.naviGnb ul li a:hover,
div#naviMainN div.naviGnb ul li a:active {cursor:hand; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/gnb_right.gif) no-repeat scroll top right; color: #000000;font-size:13px; font-weight:bold;}
div#naviMainN div.naviGnb ul li a:hover span,
div#naviMainN div.naviGnb ul li a:active span {cursor:hand; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/gnb_left.gif) no-repeat; padding:8px 14px 4px 16px;}
div#naviMainN div.naviGnb ul li a.menuSelect:link,
div#naviMainN div.naviGnb ul li a.menuSelect:visited,
div#naviMainN div.naviGnb ul li a.menuSelect:hover,
div#naviMainN div.naviGnb ul li a.menuSelect:active {cursor:hand; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/gnb_right.gif) no-repeat scroll top right; color: #000000;font-size:13px; font-weight:bold;}
div#naviMainN div.naviGnb ul li a.menuSelect:link span,
div#naviMainN div.naviGnb ul li a.menuSelect:visited span,
div#naviMainN div.naviGnb ul li a.menuSelect:hover span,
div#naviMainN div.naviGnb ul li a.menuSelect:active span {cursor:hand; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/gnb_left.gif) no-repeat; padding:8px 14px 4px 16px;}

div#naviMainN ul.hello {float:right; margin:3px 3px 0 0;}
div#naviMainN ul.hello li{float:left; font-family:tahoma; padding:0 10px; font-size:11px; color:#AFC9E7;}
div#naviMainN ul.hello li.b_none {background:none;}
div#naviMainN ul.hello li.br_none { margin:0 0 0 0px; padding:0 5px 0 0; background:none; }
div#naviMainN ul.hello li a{ color:#555555; padding:0;}
div#naviMainN ul.hello li a:link      {color:#AFC9E7; font-size:11px;}
div#naviMainN ul.hello li a:active    {color:#AFC9E7; font-size:11px;}
div#naviMainN ul.hello li a:visited   {color:#AFC9E7; font-size:11px;}
div#naviMainN ul.hello li a:hover     {color:#AFC9E7; font-size:11px;}

/*컨텐츠영역*/
div#contentsWrap { width:995px; position:relative; }
div#contentsWrapDiv {float:left;}
div#contentsWrapDiv div.naviLocal, div#contentsWrapDiv div.contentsPrint {float:left; text-align:left; position:relative; }
div#contentsWrap div.naviLocal { margin-right:35px; }

/*New Contents*/
div#MainCtxt { margin-top:14px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/swf_bg.gif) no-repeat right top; width:710px; height:256px; margin-left:144px; *margin-left:0px;}
div#MainCtxt .leftTxt { float:left; width:320px; font-size:12px; color:#777777; margin-top:26px; text-align:left; }
div#MainCtxt .leftTxt p.topTxt {color:#1D55A8; font-size:35px; font-weight:bold; margin-bottom:0px;}
div#MainCtxt .leftTxt p.btn { margin-top:20px; line-height:18px; }
div#MainCtxt .leftTxt p.btn img {padding-right:4px;}
div#MainCtxt .rightSwf { float:left; position:relative; width:320px; padding-top:10px; padding-left:62px;}
div#MainCnt { width:935px; text-align:left; padding-left:30px;*padding-left:0px;}
div#MainCnt .cntLeft {clear:both; float:left; position:relative; width:735px; margin-right:14px;}
div#MainCnt .cntLeft .NewsBlog { height:190px; float:left; margin-right:7px;}
div#MainCnt .cntLeft .NewsBlog ul {float:left; width:360px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/title_bar1.gif) no-repeat; }
div#MainCnt .cntLeft .NewsBlog ul li.newsTitle {width:360px; height:29px; padding:5px 0px 3px 10px; font-family:tahoma; color:#0D3454; font-size:13px; font-weight:bold;}
div#MainCnt .cntLeft .NewsBlog ul li.more { float:right; margin:-34px 10px 0px 0px;_margin:-34px 5px 0px 0px;}
div#MainCnt .cntLeft .nbLeft {clear:both; position:relative; float:left; margin-top:2px}
div#MainCnt .cntLeft .nbRight {float:right;margin-top:2px; margin-right:4px; width:270px;}
div#MainCnt .cntLeft .nbRight dl dt {color:#1D55A8; font-size:12px; font-weight:bold; line-height:18px;}
div#MainCnt .cntLeft .nbRight dl dt img { vertical-align:middle; }
div#MainCnt .cntLeft .nbRight dl dt a:link {color:#1D55A8; font-size:12px; font-weight:bold; text-decoration:underline; line-height:18px;}
div#MainCnt .cntLeft .nbRight dl dt a:active {color:#1D55A8; font-size:12px; font-weight:bold; text-decoration:underline; line-height:18px;}
div#MainCnt .cntLeft .nbRight dl dt a:visited {color:#1D55A8; font-size:12px; font-weight:bold; text-decoration:underline; line-height:18px;}
div#MainCnt .cntLeft .nbRight dl dt a:hover {color:#1D55A8; font-size:12px; font-weight:bold; text-decoration:underline; line-height:18px;}
div#MainCnt .cntLeft .nbRight dl dd {color:#777777; line-height:18px;}
div#MainCnt .cntLeft .newsDate {background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/dot_lnb3th.gif) no-repeat 0px 7px; padding-left:8px; font-size:11px;}
div#MainCnt .cntLeft .newsTxt { font-size:12px; padding-top:4px;}
div#MainCnt .cntLeft .NewsBlog2 { _clear:both; height:190px; float:right;}
div#MainCnt .cntLeft .NewsBlog2 ul {float:left; width:360px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/title_bar1.gif) no-repeat; }
div#MainCnt .cntLeft .NewsBlog2 ul li.newsTitle {width:360px; height:29px; padding:5px 0px 3px 10px; font-family:tahoma; color:#0D3454; font-size:13px; font-weight:bold;}
div#MainCnt .cntLeft .NewsBlog2 ul li.more { float:right; margin:-34px 10px 0px 0px;_margin:-34px 5px 0px 0px;}


div#MainCnt .cntLeft .cntTab {clear:both; margin-bottom:50px;}
div#MainCnt .cntLeft .cntTab p.tabTitle {background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/title_tab.gif) no-repeat left top; width:144px; height:21px; font-size:13px;  font-family:tahoma; color:#ffffff; margin:0px; padding:4px 0px 0px 12px;}
div#MainCnt .cntLeft .cntTab ul {background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/title_tabbg.gif) no-repeat left top; width:735px; height:132px;}
div#MainCnt .cntLeft .cntTab ul li {float:left; width:350px; margin:0px 5px 0px 10px;_margin:0px 0px 0px 5px;}
div#MainCnt .cntLeft .cntTab dl {margin:12px 0px 0px 0px;}
div#MainCnt .cntLeft .cntTab dl dt {width:350px; height:26px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/title_bar2.gif) no-repeat; color:#0F3C7F; font-weight:bold; padding:5px 0px 3px 10px; }
div#MainCnt .cntLeft .cntTab dl dt span.more {clear:both; float:right; margin:5px 20px 0px 0px; *margin:-9px 20px 0px 0px;}
div#MainCnt .cntLeft .cntTab dl dd.tabSb {float:left; margin:5px 15px 0px 0px;}
div#MainCnt .cntLeft .cntTab dl dd.tabTxt {color:#777777; font-size:12px; margin-top:8px;}

div#MainCnt .cntRight {float:right; width:186px;_margin-top:-398px;}
div#MainCnt .cntRight p.titlImg { padding-bottom:8px; padding-top:1px;}
div#MainCnt .cntRight .eventb1 { background:#E0F2FA; margin:5px 0px 5px 0px; padding:2px 3px 0px 3px; height:102px;}
div#MainCnt .cntRight .eventb2 { background:#CBE9F7; margin:5px 0px 5px 0px; padding:2px 3px 0px 3px; height:88px;}
div#MainCnt .cntRight .eventb3 { background:#B7E0F4; margin:5px 0px 5px 0px; padding:2px 3px 0px 3px;}
div#MainCnt .cntRight ul li {color:#5E5E5E; font-size:12px; padding:6px 0px 0px 6px; font-weight:bold;}
div#MainCnt .cntRight ul li span {color:#000000; font-size:14px; font-weight:bold;}
div#MainCnt .cntRight ul li.eventDate {clear:both; float:left; color:#43484B; font-size:11px;font-weight:normal;}
div#MainCnt .cntRight ul span.eventAlarm {color:#43484B; font-size:11px;font-weight:normal;}
div#MainCnt .cntRight ul li.eventBtn {float:right; padding:5px 5px 3px 0px;}
div#MainCnt .cntRight ul.related {float:left; background:#EDEDED; width:186px; height:95px;margin:5px 0px 10px 0px;}
div#MainCnt .cntRight ul.related li.bgnone {background:none; padding:10px 0px 0px 6px;}
div#MainCnt .cntRight ul.related li {background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/btn_related.gif) no-repeat 5px 8px; padding:5px 0px 0px 18px;}
div#MainCnt .cntRight ul.related li a:link {color:#5E5E5E; font-weight:bold; font-size:11px;text-decoration:none;}
div#MainCnt .cntRight ul.related li a:active {color:#5E5E5E; font-weight:bold; font-size:11px;text-decoration:none;}
div#MainCnt .cntRight ul.related li a:visited {color:#5E5E5E; font-weight:bold; font-size:11px;text-decoration:none;}
div#MainCnt .cntRight ul.related li a:hover {color:#3762A4; font-weight:bold; font-size:11px;text-decoration:underline;}

/*sub banner*/
div.subBanner { width:186px; margin:20px 0 0 7px}
div.subBanner p.titlImg { padding-bottom:8px; padding-top:1px;}
div.subBanner .eventb1 { background:#E0F2FA; margin:5px 0px 5px 0px; padding:2px 3px 0px 3px; height:102px;}
div.subBanner .eventb2 { background:#CBE9F7; margin:5px 0px 5px 0px; padding:2px 3px 0px 3px; height:88px;}
div.subBanner .eventb3 { background:#B7E0F4; margin:5px 0px 5px 0px; padding:3px 3px 2px 3px;}
div.subBanner ul li {color:#5E5E5E; font-size:12px; padding:6px 0px 0px 6px; font-weight:bold;}
div.subBanner ul li span {color:#000000; font-size:14px; font-weight:bold;}
div.subBanner ul li.eventDate {clear:both; float:left; color:#43484B; font-size:11px;font-weight:normal;}
div.subBanner ul span.eventAlarm {color:#43484B; font-size:11px;font-weight:normal;}
div.subBanner ul li.eventBtn {float:right; padding:5px 5px 3px 0px;}

/* 메인페이지용 컨텐트 영역 */
#contentsWrapDiv_idx { margin:0 0 0 30px;}
#contentsWrapDiv_idx .IdxContent { width:700px; margin:0 0 0 0px; text-align:left; display:inline; float:left; }
#contentsWrapDiv_idx .IdxMenu { width:200px;  padding-bottom:10px; margin:1px 0 0 35px; float:left; text-align:left; }

#contentsWrapDiv_idx .IdxContent .MainCinfo { width:700px; height:360px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_idxmain.jpg) no-repeat right top; vertical-align:top; }
#contentsWrapDiv_idx .IdxContent .MainCinfo h1 { color:#0E437D; font-family:Arial; font-size:26px; font-weight:bold; padding:46px 0 0 0; }
#contentsWrapDiv_idx .IdxContent .MainCinfo span { color:#DF4A00; }
#contentsWrapDiv_idx .IdxContent .MainCinfo .text { color:#555555; font-size:12px; font-family:Arial; font-weight:normal; width:420px; margin:23px 0 0 0; line-height:20px; }
#contentsWrapDiv_idx .IdxContent .MainCinfo a:link { color:#356096; text-decoration:underline; font-weight:bold; font-size:12px; }
#contentsWrapDiv_idx .IdxContent .MainCinfo a:hover { color:#356096; text-decoration:underline; font-weight:bold; font-size:12px; }
#contentsWrapDiv_idx .IdxContent .MainCinfo a:active { color:#356096; text-decoration:underline; font-weight:bold; font-size:12px;}
#contentsWrapDiv_idx .IdxContent .MainCinfo a:visited { color:#356096; text-decoration:underline; font-weight:bold; font-size:12px; }
#contentsWrapDiv_idx .IdxContent .MainCinfo .btn { margin:26px 0 0 0; }

#contentsWrapDiv_idx .IdxContent .IdxLvStyle { width:700px; margin:0 0 10px 0; }
#contentsWrapDiv_idx .IdxContent .IdxLvStyle li { display:inline; float:left; }
#contentsWrapDiv_idx .IdxContent .IdxLvStyle2 { width:700px; }
#contentsWrapDiv_idx .IdxContent .IdxLvStyle2 li { display:inline; float:left; }

#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA { width:226px; height:113px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bf_idxm.gif) no-repeat left top; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA h2 { color:#333333; height:27px; margin:0 0 0 13px; width:202px; font-size:14px; font-family:Arial; font-weight:bold; padding-top:10px; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA h2 a:link { color:#333333; font-size:14px; font-family:Arial; font-weight:bold; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA h2 a:hover { color:#333333; font-size:14px; font-family:Arial; font-weight:bold; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA h2 a:active { color:#333333; font-size:14px; font-family:Arial; font-weight:bold; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA h2 a:visited { color:#333333; font-size:14px; font-family:Arial; font-weight:bold; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeA p { color:#333333; width:200px; margin:9px 0 0 13px; font-size:12px; font-family:Arial; font-weight:normal; line-height:18px; }

#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB { width:226px; height:113px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_idxr1.gif) no-repeat left top; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB h2 { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; margin:11px 0 7px 13px; line-height:18px; padding:11px 0 0 0; *padding:0 0 0 0; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB h2 a:link { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB h2 a:hover { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB h2 a:active { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeB h2 a:visited { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }

#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC { width:226px; height:113px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_idxr2.gif) no-repeat left top; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC h2 { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; margin:11px 0 7px 13px; line-height:18px; padding:11px 0 0 0; *padding:0 0 0 0; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC h2 a:link { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC h2 a:hover { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC h2 a:active { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeC h2 a:visited { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }

#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD { width:226px; height:113px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_idxr3.gif) no-repeat left top; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD h2 { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; margin:11px 0 7px 13px; line-height:18px; padding:11px 0 0 0; *padding:0 0 0 0; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD h2 a:link { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD h2 a:hover { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD h2 a:active { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }
#contentsWrapDiv_idx .IdxContent .IdxBoxTypeD h2 a:visited { color:#333333; font-size:12px; font-weight:normal; text-decoration:none; }

.mar_r11 { margin-right:11px; }

/*텍스트형 버튼타입C형*/
table.btnTypeIdx { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/typeIDX_f.gif) left no-repeat; margin:9px 0 0 12px; *margin:14px 0 0 12px; }
table.btnTypeIdx td { border: none !important;}
table.btnTypeIdx td a { display:block; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/typeidx_e.gif) right no-repeat; margin-left:2px; padding:3px 21px 4px 10px !important;}
table.btnTypeIdx td a:link      { color:#fff; text-decoration:none; font-size:11px;}
table.btnTypeIdx td a:active    { color:#fff; text-decoration:none; font-size:11px;}
table.btnTypeIdx td a:visited   { color:#fff; text-decoration:none; font-size:11px;}
table.btnTypeIdx td a:hover     { color:#fff; text-decoration:none; font-size:11px;}

/* Left Menu LNB Style */
h3.localTitle { color:#15549a; font-size:20px; font-weight:bold; font-family:Arial; width:162px; line-height:22px; margin:23px 0 3px 36px; }
div#contentsWrap div.naviLocal div.localMenuList { width:200px; padding-bottom:50px; margin:0 0 0 30px; _margin:0 0 0 29px;}

/* Left Menu 1Depth */
.localDepth01 { margin:0 0 0 0; width:200px; text-align:left; }
.localDepth01 .MenuDepth1 { width:166px; margin:0 0 3px 7px; padding:4px 10px 4px 10px; _padding:4px 0px 4px 10px;line-height:14px; font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF; text-decoration:none; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_lnboff.gif) no-repeat left top #A9A9A9; }
.localDepth01 .MenuDepth1 a{ display:block; width:176px;}
.localDepth01 .MenuDepth1 a:link { font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF; text-decoration:none; }
.localDepth01 .MenuDepth1 a:visited { font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF; text-decoration:none; }
.localDepth01 .MenuDepth1 a:hover { font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF; text-decoration:none;  }
.localDepth01 .MenuDepth1 a:active { font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF; text-decoration:none; }

/* Left Menu 2Depth */
.localDepth01 .localDepth02 { width:178px; margin:9px 0 12px 11px; }
.localDepth01 .localDepth02 li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/dot_lnb2th.gif) no-repeat left 5px; padding:0 0 0 12px; margin:0 0 3px 0; line-height:16px; font-size:12px; font-family:Arial; font-weight:bold; color:#333333; }
.localDepth01 .localDepth02 li a:link { font-size:12px; font-family:Arial; font-weight:bold; text-decoration:underline; color:#333333; }
.localDepth01 .localDepth02 li a:visited { font-size:12px; font-family:Arial; font-weight:bold; text-decoration:underline; color:#333333; }
.localDepth01 .localDepth02 li a:hover { font-size:12px; font-family:Arial; font-weight:bold; text-decoration:underline; color:#2A539A; }
.localDepth01 .localDepth02 li a:active { font-size:12px; font-family:Arial; font-weight:bold; text-decoration:underline; color:#333333; }

/* Left Menu 3Depth */
.localDepth01 .localDepth02 .localDepth03 { width:165px; margin:3px 0 0 0; }
.localDepth01 .localDepth02 .localDepth03 li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/dot_lnb3th.gif) no-repeat left 7px; padding:0 0 0 11px; font-weight:normal; font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#555555; }
.localDepth01 .localDepth02 .localDepth03 li a:link { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#555555; }
.localDepth01 .localDepth02 .localDepth03 li a:visited { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#555555; }
.localDepth01 .localDepth02 .localDepth03 li a:hover { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:underline; color:#2A539A; }
.localDepth01 .localDepth02 .localDepth03 li a:active { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#555555; }

/* Left Menu 4Depth */
.localDepth01 .localDepth02 .localDepth03 .localDepth04 { width:153px; }
.localDepth01 .localDepth02 .localDepth03 .localDepth04 li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/dot_lnb4th.gif) no-repeat left 7px; padding:0 0 0 11px; font-weight:normal; text-decoration:none; color:#888888; }
.localDepth01 .localDepth02 .localDepth03 .localDepth04 li a:link { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#888888; }
.localDepth01 .localDepth02 .localDepth03 .localDepth04 li a:visited { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#888888; }
.localDepth01 .localDepth02 .localDepth03 .localDepth04 li a:hover { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:underline; color:#2A539A; }
.localDepth01 .localDepth02 .localDepth03 .localDepth04 li a:active { font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none; color:#888888; }

/* Left Menu LNB 1Depth active */
.localDepth01 .On { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_lnbon.gif) no-repeat left top #154399; }
/* Left Menu LNB 2Depth~4Depth active */
.localDepth01 .localDepth02 .On  { color:#2A539A; background:none; }

/* 이전 메뉴 스타일 백업용 */
ul.localDepth01List { margin:0 0 0 0; }
ul.localDepth01List li { margin:0 0 3px 0px; }
ul.localDepth01List li a { display:block; width:186px;; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/bg_depth01.gif) top no-repeat; padding:4px 0 3px 15px; }
ul.localDepth01List li a:link      { color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth01List li a:active    { color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth01List li a:visited   { color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth01List li a:hover     { color:#fff; text-decoration:none; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/bg_depth01.gif) bottom no-repeat;}
ul.localDepth01List li a.selectedDepth01 { color:#fff; text-decoration:none; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/bg_depth01.gif) bottom no-repeat;}

ul.localDepth02List { margin:10px 0 10px 17px; _margin:10px 0 10px 7px;}
ul.localDepth02List li { line-height:17px;} 
ul.localDepth02List li a { display:block; width:152px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat; padding:1px 0 1px 14px; margin-bottom:1px; }
ul.localDepth02List li a:link      { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List li a:active    { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List li a:visited   { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List li a:hover     { color:#2a539a; text-decoration: underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List li a:hover.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List li a.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List li a:visited.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}

ul.localDepth03List { margin:0 0 0 15px;}
ul.localDepth03List li a { display:block; width:159px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth02_ar.gif) left no-repeat; padding:4px 0 3px 12px; margin-bottom:1px;}
ul.localDepth03List li a:link      { color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
ul.localDepth03List li a:active    { color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
ul.localDepth03List li a:visited   { color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
ul.localDepth03List li a:hover     { color:#2a539a; text-decoration: underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth02_ar.gif) left no-repeat;}
ul.localDepth03List li a:hover.selectedDepth03 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth02_ar_r.gif) left no-repeat;}
ul.localDepth03List li a.selectedDepth03 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth02_ar_r.gif) left no-repeat;}
ul.localDepth03List li a:visited.selectedDepth03 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth02_ar_r.gif) left no-repeat;}

ul.localDepth04List { margin:0 0 0 13px;}
ul.localDepth04List li a { display:block; width:150px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth03_ar.gif) left no-repeat; padding:2px 0 2px 7px;}
ul.localDepth04List li a:link      { color:#888; text-decoration:none; font-size:12x; font-weight:normal;}
ul.localDepth04List li a:active    { color:#888; text-decoration:none; font-size:12px; font-weight:normal;}
ul.localDepth04List li a:visited   { color:#888; text-decoration:none; font-size:12px; font-weight:normal;}
ul.localDepth04List li a:hover     { color:#2a539a; text-decoration: underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth03_ar.gif) left no-repeat;}
ul.localDepth04List li a.selectedDepth04 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth03_ar.gif) left no-repeat;}
ul.localDepth04List li a:visited.selectedDepth04 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth03_ar.gif) left no-repeat;}
/* 이전 메뉴용 디자인 */



div.localBanner { width:186px; margin:0 auto; margin-top:30px;}
div.useInfoBoxTop { margin-top:10px !important;}

/*useInfoBox*/
div.useInfoBox { border:#d8d8d8 1px solid; background:#fff; width:184px; margin:0 auto; margin-top:27px;}
div.useInfoTitle { font-family:Arial; font-size:11px; font-weight:bold; color:#333; border-bottom:#d8d8d8 1px solid; padding:5px 9px 5px 9px; }
ul.useInfoItem { margin:3px 0 6px 9px;}
ul.useInfoItem li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_use.gif) no-repeat left 8px; padding-left:11px; line-height:20px; width:144px; }
ul.useInfoItem li a:link      { color:#356096; text-decoration:underline; font-size:11px; font-weight:normal; font-family:Arial}
ul.useInfoItem li a:active    { color:#356096; text-decoration:underline; font-size:11px; font-weight:normal; font-family:Arial}
ul.useInfoItem li a:visited   { color:#356096; text-decoration:underline; font-size:11px; font-weight:normal; font-family:Arial}
ul.useInfoItem li a:hover     { color:#356096; text-decoration:underline; font-size:11px; font-weight:normal; font-family:Arial}

/*mostProductBox*/
div.mostProductBox {  border:#d8d8d8 1px solid; background:#fff; width:184px; margin:0 auto; margin-top:10px; padding-bottom:13px;}
div.mostProductTitle { font-family:Arial; font-size:11px; font-weight:bold; color:#333; border-bottom:#d8d8d8 1px solid; padding:5px 0 5px 9px;}
div.mostProductItem { margin-top:15px;}
div.mostProduct { width:65px; text-align:center; margin:0 0 0 6px;}
div.mostProductItem ul { position:relative; margin:-63px 0 0 78px;}
div.mostProductItem ul li.productTitle { width:105px; margin-bottom:1px; padding-top:11px; }
div.mostProductItem ul li.productTitle a:link      { color:#356096; text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial}
div.mostProductItem ul li.productTitle a:active    { color:#356096; text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial}
div.mostProductItem ul li.productTitle a:visited   { color:#356096; text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial}
div.mostProductItem ul li.productTitle a:hover     { color:#356096; text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial}
div.mostProductItem ul li.productCont { color:777; font-size:11px; line-height:14px; width:105px;}
div.mostProductItem2 { margin-top:20px; }
.productCont2 { font-size:11px; color:#777777; }

/*leftBanner*/
div.leftBanner { margin:10px auto 0 auto; width:186px; }

/* Print */
div#contentsWrap div.contentsPrint { width:700px; padding:26px 0 60px 0;}

/* Footer */
div#siteInfo { clear:both; border-top:#eeeeee 1px solid; text-align:center;}
div#siteInfo div.footerWrap { width:965px; height:70px; margin:0 auto; text-align:left; padding:20px 30px 0 0; position:relative; }
div#siteInfo div.footerWrap div.footerLogo {padding-left:30px;}
div#siteInfo div.footerWrap div.footerMenu { position:absolute; left:152px; top:16px;}
div#siteInfo div.footerWrap div.footerMenu ul li { display:inline; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/footer_bl.gif) left no-repeat; padding:0 0 0 12px;}
div#siteInfo div.footerWrap div.footerMenu ul li.footerMenuFirst { background:none; padding-left:0;}
div#siteInfo div.footerWrap div.footerMenu ul li a:link      { color:#555; text-decoration:none; font-family:tahoma; font-size:10px; font-weight:normal;}
div#siteInfo div.footerWrap div.footerMenu ul li a:active    { color:#555; text-decoration:none; font-family:tahoma; font-size:10px; font-weight:normal;}
div#siteInfo div.footerWrap div.footerMenu ul li a:visited   { color:#555; text-decoration:none; font-family:tahoma; font-size:10px; font-weight:normal;}
div#siteInfo div.footerWrap div.footerMenu ul li a:hover     { color:#555; text-decoration:none; font-family:tahoma; font-size:10px; font-weight:normal;}
div#siteInfo div.footerWrap div.footerCopyright { color:#555; font-family:tahoma; font-size:10px; font-weight:normal; position:absolute; left:152px; top:34px;}

/* Page Path */
div.sitePath { float:right; padding-bottom:7px;}
div.sitePath ul li { display:inline; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_path.gif) 0 5px no-repeat; padding:0 5px 0 12px;}
div.sitePath ul li.pathHome { background:none; padding-left:1px;}
div.sitePath ul li.pathSelected { color:#555555; text-decoration:underline; font-size:11px; font-weight:bold;}
div.sitePath ul li a:link      { color:#555555; text-decoration:none; font-size:11px;}
div.sitePath ul li a:active    { color:#555555; text-decoration:none; font-size:11px;}
div.sitePath ul li a:visited   { color:#555555; text-decoration:none; font-size:11px;}
div.sitePath ul li a:hover     { color:#555555; text-decoration:underline; font-size:11px;}

/* Page Title */
h1.pageTitleH1 { font-size:24px; color:#333; border-bottom:#e1e1e1 1px solid; padding:30px 0 10px 0;}
h2.pageTitleH2 { font-size:18px; color:#333; padding:21px 0 0 0; line-height:12px;}
h2.pageTitleH211 { font-size:18px; color:#333; padding:15px 0 0 0; line-height:12px;}
h3.pageTitleH3 { font-size:14px; color:#356096; padding:0 0 7px 22px; margin-top:25px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_title_small.gif) 0 2px no-repeat;}
h3.pageTitleH31 { font-size:14px; color:#356096; padding:0 0 7px 22px; margin-top:13px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_title_small.gif) 0 2px no-repeat;}

/*뎁스두번째 02*/
ul.localDepth02List0218 { margin:10px 0 10px 19px;}
ul.localDepth02List0218 li a { display:block; text-decoration:underline; width:164px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat; padding:4px 0 3px 14px; margin-bottom:1px;}
ul.localDepth02List0218 li a:link      { text-decoration:underline; color:#333; font-size:11px; font-weight:bold;}
ul.localDepth02List0218 li a:active    { text-decoration:underline; color:#333; font-size:11px; font-weight:bold;}
ul.localDepth02List0218 li a:visited   { text-decoration:underline; color:#333; font-size:11px; font-weight:bold;}
ul.localDepth02List0218 li a:hover     { text-decoration:underline; color:#2a539a; text-decoration: underline; font-size:11px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List0218 li a:hover.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:11px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List0218 li a.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:11px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List0218 li a:visited.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:11px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}

/* Print Button */
.BtnPrint { position:absolute; top:27px; right:0px; width:100px; text-align:right; }

/* 프리뷰 출력 문제에서 import 가 먹히질 않는 문제가 발생하여 임시로 gettingst.css를 기본에 넣습니다. */
p.notice { margin:15px 0 9px 0;}
p.ExNoticeTxt { margin:15px 0 25px 0;}
p.Ex2NoticeTxt { margin:15px 0 15px 0;}
table.exForDe { margin-top:15px; border-bottom:1px solid #E6E6E6; width:700px;}
table.exForDe tr.exBg { background:#F3F3F3;}
table.exForDe td { border-top:1px solid #E6E6E6; color:#555555; padding:12px; line-height:1.5em;}
table.exForDe td span.exTit { color:#333333; font-weight:bold; font-size:12px;}
table.exForDe td a { color:#356096 !important; font-weight:bold; font-size:12px; }

table.tableBtnHead td { vertical-align:bottom;}
table.tableBtnHead td h2.pageTitleH2Bt { font-size:18px; color:#333; line-height:1.5em; margin-right:9px;}

table.quickStep { border-bottom:1px solid #9bbcdd; margin-top:25px;}
table.quickStep td { border-top:1px solid #9bbcdd; color:#333333; padding:7px 12px 7px 13px; line-height:1.1em;}
table.quickStep td a { text-decoration:none !important; font-size:12px !important;}
span.stepTitle { font-weight:bold; color:#2a539a;}

div.stepMore { clear:both; }
div.stepMore ul { line-height:1.5em; margin:0 0 0 0; padding:0 0 0 0; }
div.stepMore ul li { color:#555555; }
div.stepMore ul.PrivacyList { margin:0px; padding:0px;}
div.stepMore ul.PrivacyList li{ background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_tutorial.gif) no-repeat 5px 8px; padding:0 0 0 15px; margin:2px 0 2px 0; }
div.stepMore a.explain { text-decoration:underline !important; color:#2A539A !important; font-weight:bold;}
div.stepMore strong { font-weight:bold; letter-spacing:0.05em; color:#555555;}
div.stepMore span.aid { margin-left:110px;}
div.stepMore p.notice03 { clear:both; padding:5px 0 !important;#margin-top:-15px; line-height:1.5em;}
div.stepMore img.exampleImg3 { padding:5px 0 5px 40px;}
div.stepMore ol { list-style:decimal !important; line-height:1.5em; padding:10px 0 15px 25px;}
div.stepMore p.notice04 { clear:both; padding:15px 0 !important;#margin-top:-5px; line-height:1.5em;}
div.stepMore p.notice05 { clear:both; padding:15px 0 0px 0 !important;#margin-top:-5px; line-height:1.5em;}
div.stepMore dl dt { color:#333333; font-weight:bold; margin:12px 0px 8px 0px;}

/*exercise2*/
div.grBoxS { padding-top:12px;}
div.grBoxS div.grBoxTop { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBoxS div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBoxS div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px;}
div.grBoxS div.grBoxMid ul { padding:0 0 15px 20px;}
div.grBoxS div.grBoxMid ul li { color:#356096; line-height:19px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 9px; padding-left:13px;}
div.grBoxS div.grBoxMid ul li a { color:#356096; font-size:12px;}
div.grBoxS div.grBoxBot { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

div.grBox2 div.grBoxMid ul li.indexD2{background:none !important;}
div.grBox2 { padding-top:20px;}
div.grBox2 div.grBoxTop { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBox2 div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBox2 div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px;}
div.grBox2 div.grBoxMid ol { padding:0 0 15px 20px;}
div.grBox2 div.grBoxMid ol li { color:#356096; line-height:1.5em; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 50%; padding-left:13px;}
div.grBox2 div.grBoxMid ol li a { color:#356096; font-size:12px;}
div.grBox2 div.grBoxBot { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

div.grBox2 div.grBoxMid ol { padding:0 0 15px 20px;}
div.grBox2 div.grBoxMid ol li.exBul { color:#356096; line-height:1.5em; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 50%; padding-left:13px;}
div.grBox2 div.grBoxMid ol li.exBul a { color:#356096; font-size:12px;}

div.example{border-bottom:1px solid #EBEBEB; padding-bottom:30px; margin-bottom:10px;}
h2.pageTitleH2Top { font-size:18px; color:#333; padding-top:26px;_padding-top:16px; float:left;}
span.h2Top { float:right; margin-top:34px; _margin-top:10px; }
span.h2Top2 {float:right; margin-top:-10px;}
p.notice02 { clear:both; padding:15px 0;}
img.exampleImg { padding-left:40px;}
img.exampleImg2 { padding:19px 0 15px 20px;}
ol.setFlow { clear:both; padding:0 0 15px 0; list-style:decimal !important; margin-left:25px;}

div.introductionPlay { width:600px; height:396px; background:skyblue; margin:15px 0 0 50px;}

div.ospsText01 { line-height:1.6em; padding-top:10px; color:#555555;}
div.ospsText01 span { font-weight:bold; }
div.grBox div.grBoxMid ol { list-style:decimal !important; line-height:1.5em; padding:10px 0 15px 35px;}
div.grBox div.grBoxMid ol li { color:#356096; line-height:1.5em; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/ico_top.gif) no-repeat -10px 3px;;}
div.grBox div.grBoxMid ol li a { color:#356096; font-size:12px;}

div.exSubTitle{background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bg_tit_btn.gif) no-repeat; width:700px; height:36px;}
div.exSubTitle h2.pageTitleH2Sub{color:#0D337E; font-size:14px; padding:10px 0 0 15px; float:left;}
div.exSubTitle img{float:right; margin:4px 6px 0 0;}

div.mbBoxLine { border:1px solid #99B6E0;}
div.mbBoxLine h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px;}
div.mbBoxLine ul { padding:0 0 15px 20px;}
div.mbBoxLine ul li { color:#356096; line-height:19px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 9px; padding-left:13px;}

/*osps 페이지 인덱스용*/
div.grBox3 { padding-top:12px; margin-top:13px;}
div.grBox3 div.grBoxTop { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBox3 div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBox3 div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px; height:20px;}
div.grBox3 div.grBoxMid ol { padding:0 0 15px 20px;_padding:10px 0 15px 20px;}
div.grBox3 div.grBoxMid ol li.indexBul { color:#356096; line-height:1.5em; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 8px; padding-left:13px;}
div.grBox3 div.grBoxMid ol li { color:#356096; line-height:1.5em; padding-left:13px;}
div.grBox3 div.grBoxMid ol li a { color:#356096; font-size:12px;}
div.grBox3 div.grBoxBot { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

img.exampleImg4{clear:both; margin-left:69px;}
div.indexMoreSet{clear:both;}
div.indexMoreSet h2.pageTitleH2Top02 { font-size:18px; color:#333; padding-top:26px;_padding-top:16px; float:left; padding-bottom:9px; }
div.titleSet03 { clear:both;}
div.indexMoreSet div.titleSet03 h3.pageTitleH2Top03 { font-size:14px; color:#356096; padding-top:10px; float:left; padding-bottom:9px; padding-left:18px; font-family:dotum; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_title_small.gif) no-repeat -5px 11px;}
div.indexMoreSet div.titleSet03 span.h2Top { float:right; margin-top:10px;_margin-top:0px; }
div.titleSet04 { clear:both;}
div.indexMoreSet div.titleSet04 h4.pageTitleH2Top04 { font-size:13px; color:#333333; padding-top:0px;_padding-top:-10px; float:left; padding-bottom:9px; padding-left:11px; font-family:dotum; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_blue.gif) no-repeat 0px 4px;}
div.indexMoreSet div.titleSet04 span.h4Top { float:right; margin-top:0px;_margin-top:-10px; }
div.indexMoreSet p.notice05 { clear:both; padding:0px 0;}
div.titleSet05 { clear:both;}
div.indexMoreSet div.titleSet05 h5.pageTitleH2Top05 { font-size:13px; color:#356096; padding-top:0px;_padding-top:-10px; float:left; padding-bottom:9px; padding-left:11px; font-family:dotum; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_ar_right.gif) no-repeat 0px 4px;}
div.indexMoreSet div.titleSet05 span.h5Top { float:right; margin-top:0px;_margin-top:-10px; }
div.indexMoreSet p.notice06 { clear:both; padding-bottom:10px;}

div.ospsText02 { clear:both; line-height:1.5em; color:#555555;}
div.ospsText03 { clear:both; line-height:1.5em; color:#555555; padding-bottom:10px;}
div.ospsText03 a{font-size:12px;}
div.ospsText03 i{text-decoration:underline;}
div.ospsText03 strong{font-weight:bold;}
div.ospsText04 { clear:both; line-height:1.5em; color:#555555; margin-bottom:10px; border-top:1px solid #F3F3F3; border-right:1px solid #E7E7E7; border-bottom:1px solid #E0E0E0; background:#F3F3F3;}
div.ospsText04 p { padding:20px;}
div.ospsText04 div { padding:20px;}
div.ospsText05 { clear:both; line-height:1.3em; color:#555555; padding-bottom:10px; #margin-top:-15px;}
div.ospsText06 { clear:both; line-height:1.5em; color:#555555; padding-bottom:px;}
div.ospsText06 i{text-decoration:underline;}
div.indexMoreSet h6 a{color:#356096; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bl_blue02.gif) no-repeat 0px 6px; padding-left:10px; font-weight:normal; font-size:12px;}
div.ospsText07 { clear:both; line-height:1.3em; color:#555555; padding-bottom:10px; margin-left:10px;}

/*뎁스두번째*/
ul.localDepth02List1 { margin:0 0 0 9px;}
ul.localDepth02List1 li a { display:block; width:177px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat; padding:4px 0 3px 14px; margin-bottom:1px;}
ul.localDepth02List1 li a:link      { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:active    { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:visited   { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:hover     { color:#2a539a; text-decoration: underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List1 li a:hover.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List1 li a.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List1 li a:visited.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}

/* Error Message */
.errorLayout {width:700px; margin:0 auto;}
.errorMessage { width:700px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bg_ercenter.gif) repeat-y left; font-weight:normal; text-align:left; color:#333333; margin:184px auto 0 auto; padding:0; }
.errorMessage .Top { width:700px; height:70px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bg_ertop.gif) no-repeat left top; }
.errorMessage h1 { font-weight:bold; color:#333333; font-size:20px; font-family:Arial; margin:20px 0 0 20px; height:29px; padding:20px 0 0 0px; *padding:0 0 0 0; }
.errorMessage h1 img { vertical-align:middle; }
.errorMessage .Top .InfoImg { margin:0 15px 0 0; }
.errorMessage .contentMessageER { clear:both; font-family:Arial; font-size:14px; line-height:22px; margin:14px 0 29px 66px; width:566px; color:#333333; }
.errorMessage .contentMessageER p { margin:8px 0 0 0; font-family:Arial; }
.errorMessage .contentMessageER p a:link { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .contentMessageER p a:active { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .contentMessageER p a:visited { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .Bottom { width:700px; height:4px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/gettingst/bg_erbottom.gif) no-repeat left top; _margin-bottom:-12px; }
.errorBtn {float:right; margin-top:10px;}

div.appWarning { background:#fef6e2; padding:10px 10px 10px 10px; margin:14px 0 0 0; border:2px solid #E85A13; }
div.appWarning ul li { zoom:1; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_warning.gif) no-repeat; padding-left:22px; font-family:tahoma; font-size:11px; font-weight:bold; color:#f15202; line-height:16px; }

/* main Page Banner */
.mainBanner { margin:10px 0 0 7px; }

/* Login- Sign-in page style */

#SigninBg { background: url(http://dpimg.ospos.net/en_US/developer/apis/images/login/bg_top.gif) repeat-x;}
#SignIn { width:935px; text-align:left; position:relative; margin:0 auto 0 auto; }
#SignIn .SignImg { margin: 0 0 0 0px;}
#SignIn .LogBg { float:left; position:relative; width:935px; height:140px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/lg_boxbg.jpg) no-repeat 0 0; margin-bottom:10px;}
#SignIn .LogBox { position:relative; width:365px; margin:0 0 0 40px;}
#SignIn .LogBox dl { margin:23px 0 0 0;}
#SignIn .LogBox dl dt { float:left; width:90px; margin: 3px 0 0 0;}
#SignIn .LogBox dl dd { margin:0 0 11px 0;}
#SignIn .LogBox dl dd input { border:1px solid #0F3B8F; padding:0 0 0 5px; height:16px; width:183px; }
#SignIn .LogBox .BtnLogin { width:74px; position:absolute; top:-2px; right:0px; *top:22px;}
#SignIn .LogBox .BoxChk { margin:0 0 0 85px; color:#A6E1FF; font-size:12px; font-family:Arial; font-weight:normal; text-decoration:none;}
#SignIn .LogBox .BoxChk input { vertical-align:middle; margin-right:3px; }
#SignIn .LvNow { clear:both; margin-left:141px; *margin-left:148px; margin-top:2px;}
#SignIn .LvList { float:left;}
#SignIn .LvList a { color:#ffffff; text-decoration:underline; font-size:12px; }
#SignIn .LvList a:link { color:#ffffff; text-decoration:underline; font-size:12px; }
#SignIn .LvList a:active { color:#ffffff; text-decoration:underline; font-size:12px; }
#SignIn .LvList a:visited { color:#ffffff; text-decoration:underline; font-size:12px;  }
#SignIn .LvList a:hover { color:#ffffff; text-decoration:underline; font-size:12px; }
#SignIn .LvList .mar_l10 { margin-left:10px; }
#SignIn .LvRight { float:left; color:#ffffff; font-weight:bold; margin-left:10px;}
#SignIn .LvRight img { vertical-align:middle; padding-left:6px; margin-bottom:-2px;}

#SignIn .LogWarning { clear:both; background:#fef6e2; padding:11px 0 12px 0; *padding:5px 0 11px 0; border:2px solid #E85A13; }
#SignIn .LogWarning ul li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_warning.gif) no-repeat 38px 0px; padding-left:64px; font-family:tahoma; font-size:11px; font-weight:bold; color:#f15202;}


.NoneDisplay { display:none; }

#SignIn .LogComment { float:left; width:730px; padding:18px 0 70px 40px; color:#777777; font-weight:normal; font-size:12px; font-family:Arial; line-height:16px;}

#SigninFooter { width:935px; position:relative; border-top:1px solid #EEEEEE; text-align:left; margin:0 auto; clear:both; }
#SigninFooter .Logo { width:100px;position:absolute; top:20px; left:0px; float:left;  }
#SigninFooter .Menu { position:absolute; top:20px; left:100px; float:left;  }
#SigninFooter .Menu ul { }
#SigninFooter .Menu ul li { display:inline; float:left; color:#555555; font-size:10px; font-weight:normal; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/bar_r.gif) no-repeat right 3px; padding:0 8px 0 7px; font-family:Tahoma; }
#SigninFooter .Menu ul .First { padding-left:0px; }
#SigninFooter .Menu ul .Last { background:none; }
#SigninFooter .Menu ul li a:link { text-decoration:none; color:#555555; font-weight:normal; font-size:10px; font-family:Tahoma; }
#SigninFooter .Menu ul li a:active { text-decoration:none; color:#555555; font-weight:normal; font-size:10px; font-family:Tahoma; }
#SigninFooter .Menu ul li a:visited { text-decoration:none; color:#555555; font-weight:normal; font-size:10px; font-family:Tahoma; }
#SigninFooter .Menu ul li a:hover { text-decoration:none; color:#555555; font-weight:normal; font-size:10px; font-family:Tahoma; }
#SigninFooter .CopyRight { position:absolute; top:36px; left:100px; color:#999999; font-size:10px; font-weight:normal; font-family:Tahoma; }

/* 레이어 팝업 로그인 스타일 */
.LvPopStyle { z-index:1000; position:absolute; width:400px; left:0px; top:0px; text-align:left; display:none; }
.LvPopStyle .LvTop { position:relative; width:400px; height:55px; 
					background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/pbrtop.png) no-repeat left top;
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dpimg.ospos.net/en_US/developer/apis/images/login/pbrtop.png', sizingMethod='crop');}
.LvPopStyle .LvTop h1 { position:absolute; left:17px; top:18px; color:#FFFFFF; font-weight:bold; font-family:Tahoma; font-size:11px; }
.LvPopStyle .LvTop h1 span { color:#F7F49D;  }
.LvPopStyle .LvTop .rClose { position:absolute; right:14px; top:17px; }
.LvPopStyle .LvCenter { background:#FFFFFF; border-left:2px solid #3D7FC5; border-right:2px solid #3D7FC5; padding:0 20px 15px 20px; }
.LvPopStyle .LvCenter h2 { color:#333333; font-size:16px; font-family:Arial; border-bottom:1px solid #EBEBEB; width:100%; padding:0 0 7px 0; margin:0 0 15px 0; }
.LvPopStyle .LvCenter p { color:#555555; font-size:12px; font-family:Arial; font-weight:normal; line-height:14px; }
.LvPopStyle .LvBtn { width:100%; text-align:center; margin:11px 0 0 0; }
.LvPopStyle .LvBtn2 { width:100%; text-align:left; margin:11px 0 0 0; color:#555555; font-weight:normal; font-size:12px;  }
.LvPopStyle .LvBtn2 img { vertical-align:middle; }
.LvPopStyle .LvBottom { width:400px; height:9px; _margin-bottom:-6px; 
						background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/pbrbottom.png) no-repeat left bottom;
						_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dpimg.ospos.net/en_US/developer/apis/images/login/pbrbottom.png', sizingMethod='crop');
 }
.GrBox { margin:10px 0 0 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/grbox_bg.gif) no-repeat left bottom; padding:10px 0 14px 0; }
.GrBox .top { width:356px; height:4px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/login/grbox_top.gif) no-repeat left top; }
.GrBox .IDr { margin:0 0 0 47px; }
.GrBox .IDr dt { display:inline; float:left; width:72px; color:#555555; font-size:12px; font-weight:bold;  }
.GrBox .IDr dd { margin:0 0 4px 0; }
.GrBox .IDr dd input { border:1px solid #CCCCCC; padding:0 0 0 5px; width:173px; height:17px; }
.GrBox .Tcmr { width:100%; text-align:center; font-weight:bold; font-family:Arial; color:#555555; font-size:11px; }
.GrBox .Tcmr span { color:#B85C2E; }
.GrBox .Tcmr2 { width:100%; text-align:center; font-weight:normal; font-family:Arial; color:#555555; font-size:12px; }
.GrBox .Tcmr2 span { color:#B85C2E; }

/* 레이어팝업 스타일2 */
.LvPopStyle2 { text-align:left; z-index:9999; position:absolute; display:none; border-left:2px solid #2E97C7;  border-bottom:2px solid #909090; border-right:2px solid #2E97C7; }
.LvPopStyle2 .Top { width:100%; height:25px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/tbg_left.gif) repeat-x left top;  position:relative; }
.LvPopStyle2 .Top .Title { width:100%; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/tbg_right.gif) no-repeat right top; margin:0 0 0 0; height:25px; }
.LvPopStyle2 .Top .Title h1 { position:absolute; color:#E6F6FF;   font-size:11px; font-weight:bold; font-family:Arial; line-height:25px; margin:0 0 0 14px; float:left; }
.LvPopStyle2 .Top .Title .LvP2Close { position:absolute; top:9px; right:11px; }
.LvPopStyle2 .Center { position:relative; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/bg_cet.gif) repeat-x left top #FFFFFF; padding:0 20px 20px 20px; }
.LvPopStyle2 .Center h2 { border-bottom:1px solid #E1E1E1; width:100%; padding:25px 0 10px 0; color:#333333; font-size:16px; font-weight:bold; font-family:Arial; margin:0 0 12px 0; }
.LvPopStyle2 .Center .txtsr { color:#555555; font-size:12px; font-weight:normal; line-height:18px; }
.LvPopStyle2 .Center .txtsr span { color:#F15202; }
.LvPopStyle2 .Center .Psearch { margin:10px 0 10px 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/bg_set.gif) repeat-x top left; border-bottom:1px solid #9BBCDD; padding:4px 12px 4px 12px; color:#444444; font-size:11px; font-family:Tahoma; font-weight:bold; *line-height:22px; }
.LvPopStyle2 .Center .Psearch input { border:1px solid #ADADAD; height:16px; width:211px; padding:0 0 0 5px; color:#555555; }
.LvPopStyle2 .Center .Psearch img { vertical-align:middle; }
.LvPopStyle2 .Center .txtsr2 { width:100%; text-align:right; margin:0 0 10px 0; color:#555555; font-size:11px; font-family:Tahoma; font-weight:bold;  }
.LvPopStyle2 .Center .txtsr2 span { color:#C60000; }
.LvPopStyle2 .Center .txtsr3 {border-bottom:1px solid #E1E1E1; width:100%; padding:25px 0 10px 0; color:#333333; font-family:Arial; margin:0 0 12px 0; }
.LvPopStyle2 .Center .txtsr4 {border-top:1px solid #E1E1E1; width:100%; color:#333333; font-family:Arial; padding:10px 0 5px 0; *margin-top:-20px; *margin-bottom:-10px;}
.LvPopStyle2 .Center .txtsr5 { width:100%; color:#333333; font-family:Arial; margin-top:24px; *margin:0px 0px -20px 0px; padding:10px 0 0px 0; }
.LvPopStyle2 .Center .txtsr6 { border:1px dashed #77BADA; background:#ECF8FD; margin-top:8px; margin-bottom:-5px; padding:3px 0px 3px 5px; color:#146594; font-weight:bold; font-size:11px;}
.LvPopStyle2 .Center .ComName { width:100%; color:#333333; font-size:12px; font-weight:bold;}
.LvPopStyle2 .Center .SEcr { width:100%; border-top:2px solid #90B5DA; }
.LvPopStyle2 .Center .SEcr thead th { background:#F3F7FB; text-align:center; font-size:11px; font-family:Tahoma; font-weight:bold; color:#444444; border-bottom:1px solid #CCDDEE; border-right:1px solid #CCDDEE; line-height:24px; }
.LvPopStyle2 .Center .SEcr .Last { border-right:none; }
.LvPopStyle2 .Center .SEcr tbody th { text-align:center; border-bottom:1px solid #E6E6E6; }
.LvPopStyle2 .Center .SEcr tbody td { text-align:center; line-height:25px; border-bottom:1px solid #E6E6E6; }
.LvPopStyle2 .Center .SEcr .Rbg  { background:#F3F3F3; }
.LvPopStyle2 .Center .PageNumberW { width:100%; text-align:center; margin:12px 0 12px 0; word-spacing:3px; color:#555555; font-size:12px; }
.LvPopStyle2 .Center .PageNumberW .on { font-weight:bold; }
.LvPopStyle2 .Center .PageNumberW img { vertical-align:middle; }
.LvPopStyle2 .Center .PageNumberW .mar_l5 { margin-left:5px; }
.LvPopStyle2 .Center .PageNumberW .mar_r5 { margin-right:5px; }
.LvPopStyle2 .Center .PageNumberW a:link { color:#555555; font-weight:normal; text-decoration:none; }
.LvPopStyle2 .Center .PageNumberW a:active { color:#555555; font-weight:normal; text-decoration:none; }
.LvPopStyle2 .Center .PageNumberW a:visited { color:#555555; font-weight:normal; text-decoration:none; }
.LvPopStyle2 .Center .PageNumberW a:hover { color:#555555; font-weight:normal; text-decoration:none; }
.LvPopStyle2 .Center .sBar { width:100%; height:1px; border-bottom:1px solid #CCDDEE; }
.LvPopStyle2 .Bottom { width:100%; background:#FFFFFF; border-bottom:2px solid #2E97C7; }
.LvPopStyle2 .Center .CheckEmailValidityS { width:100%; background:#F3F3F3; border-bottom:1px solid #E6E6E6; border-top:1px solid #E6E6E6; padding:10px 0 12px 0; margin:10px 0 0 0; }
.LvPopStyle2 .Center .CheckEmailValidityS input { border:1px solid #ADADAD; font-size:11px; width:165px; height:16px; padding:0 0 0 3px; vertical-align:middle; margin:0 0 0 12px; }
.LvPopStyle2 .Center .CheckEmailValidityS img { vertical-align:middle; }
.LvPopStyle2 .Center .CheckEmailValidityS span { margin:0 -8px 0 10px; vertical-align:middle; font-weight: bold; color:#555555; font-size:11px; font-family:Tahoma;}
.LvPopStyle2 .Center .CheckEmailValidityS em { font-family:Arial; font-weight:normal; color:#F15200;}
.LvPopStyle2 .Center .txtmr { line-height:18px; margin:10px 0 0 0; font-weight:normal; font-size:12px; font-family:Arial; }
.LvPopStyle2 .Center .txtmr span { color:#F15202; }
.LvPopStyle2 .Center .txtms { line-height:18px; margin:10px 0 0 0; font-weight:normal; font-size:12px; font-family:Arial; }
.LvPopStyle2 .Center .gr_Box { position:relative; background:#F3F3F3;border:1px solid #E6E6E6;border-left:0px;border-right:0px;padding:10px;margin-top:10px}
.LvPopStyle2 .Center .gr_Box table.in {width:330px}
.LvPopStyle2 .Center .gr_Box table.in th{width:70px;background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_arr.gif) 2px 7px no-repeat;padding:0 0 0 15px;color:#555555;font-weight:bold;font-family:Arial;font-size:11px;}
.LvPopStyle2 .Center .gr_Box table.in td{}
.LvPopStyle2 .Center .gr_Box table.in td .txt_input{border:1px solid #ADADAD;padding:1px 0 0 1px}

.LvPopStyle2 .Center .gr_Box table.myAppin {width:620px;}
.LvPopStyle2 .Center .gr_Box table.myAppin td.AppIcon { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_arr.gif) 2px 4px no-repeat;padding:0 0 0 15px;color:#555555; font-size:11px; font-family:Arial; vertical-align:top;}
.LvPopStyle2 .Center .gr_Box table.myAppin td.AppIcon span { font-weight:bold;}
.LvPopStyle2 .Center .gr_Box table.myAppin td .txt_input2{border:1px solid #ADADAD;padding:1px 0 0 1px; width:250px; margin-right:20px; }

/* 20100115 New regpopip */
.LvPopStyle2 .Center .txtsr .SvrRegStyle1 { color:#356096; font-weight:bold; text-decoration:underline; }
.LvPopStyle2 .Center .txtsr .SvrRegStyle2 { font-weight:bold; text-decoration:underline; }
.LvPopStyle2 .Center .txtsr .SvrRegStyle3 { font-style:italic; color:#555555; }
.LvPopStyle2 .Center .SvrRegStyle4 { width:170px; float:left; text-align:center; }
.LvPopStyle2 .Center .SvrRegStyle5 { width:170px; float:left; margin-left:15px; text-align:center; }
.LvPopStyle2 .Center .SvrRegStyle6 { width:100%; float:left; margin:15px 0 0 0; }
.LvPopStyle2 .Center .SvrRegStyle7 { vertical-align:middle; margin:3px 0 0 0; }



/* index - Latest News and Offers */
.IdxLatestNews {clear:both; padding:0 0 0 0; margin:0 0 50px 0; border-bottom:1px solid #E1E1E1; }
.IdxLatestNews h1 { float:left; font-size:18px; font-family:Arial; font-weight:bold; color:#333333; margin:30px 0 11px 0;}
.IdxLatestNews span.NewsMore { float:right; margin-top:40px;}
.IdxLatestNews .NewsTitle { clear:both; width:100%; background:#F3F3F3; height:22px; line-height:20px; }
.IdxLatestNews .NewsTitle dt { float:left; padding-left:12px; font-size:12px; font-family:Arial; font-weight:bold; color:#356096; text-decoration:none; }
.IdxLatestNews .NewsTitle dt a:link { font-size:12px; font-family:Arial; font-weight:bold; color:#356096; text-decoration:underline; }
.IdxLatestNews .NewsTitle dt a:active { font-size:12px; font-family:Arial; font-weight:bold; color:#356096; text-decoration:underline; }
.IdxLatestNews .NewsTitle dt a:visited { font-size:12px; font-family:Arial; font-weight:bold; color:#356096; text-decoration:underline; }
.IdxLatestNews .NewsTitle dt a:hover { font-size:12px; font-family:Arial; font-weight:bold; color:#356096; text-decoration:underline; }
.IdxLatestNews .NewsTitle dd { float:right; padding-right:14px; font-size:11px; font-family:Arial; font-weight:normal; color:#888888; }
.IdxLatestNews .NewsContents { clear:both; margin:6px 0 18px 0; padding:0 13px 0 13px; line-height:18px; color:#555555; font-size:12px; font-family:Arial; font-weight:normal;  }

/* Site Map Style */
.SiteMap_List_Act { float:left; }
.SiteMap_List_Act .SmpStyle { float:left; width:200px; margin:30px 30px 0 0; padding:0 0 0 0; display:inline; }
.SiteMap_List_Act .SmpStyle .Ssie {clear:both; _margin:30px 0 0 0;}
.SiteMap_List_Act .SmpStyle h2 { width:200px; height:31px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/bg_act.gif) no-repeat left top; text-align:center; font-size:12px; font-weight:bold; color:#356096; text-decoration:none; line-height:30px; }
.SiteMap_List_Act .SmpStyle h2 a:link { font-size:12px; text-decoration:none; color:#356096; font-weight:bold; }
.SiteMap_List_Act .SmpStyle h2 a:visited { font-size:12px; text-decoration:none; color:#356096; font-weight:bold; }
.SiteMap_List_Act .SmpStyle h2 a:active { font-size:12px; text-decoration:none; color:#356096; font-weight:bold; }
.SiteMap_List_Act .SmpStyle h2 a:hover { font-size:12px; text-decoration:underline; color:#356096; font-weight:bold; }
.SiteMap_List_Act .SmpStyle ul { width:180px; margin:12px 0 0 10px; }
.SiteMap_List_Act .SmpStyle ul li { color:#356096; font-weight:normal; font-size:12px; margin:0 0 0 0; padding:0 0 0 10px;  background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/dot_r.gif) no-repeat left 8px; line-height:20px; text-decoration:none; }
.SiteMap_List_Act .SmpStyle ul li a:link { color:#356096; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Act .SmpStyle ul li a:visited { color:#356096; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Act .SmpStyle ul li a:active { color:#356096; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Act .SmpStyle ul li a:hover { color:#356096; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Act .SmpStyle ul li ol { }
.SiteMap_List_Act .SmpStyle ul li ol li { color:#888888; line-height:20px; margin:0 0 0 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/dot_b.gif) no-repeat left 10px; text-decoration:none; }
.SiteMap_List_Act .SmpStyle ul li ol li a:link { color:#888888; text-decoration:none; }
.SiteMap_List_Act .SmpStyle ul li ol li a:visited { color:#888888; text-decoration:none; }
.SiteMap_List_Act .SmpStyle ul li ol li a:hover { color:#888888; text-decoration:underline; }
.SiteMap_List_Act .SmpStyle ul li ol li a:active { color:#888888; text-decoration:none; }

.SiteMap_List_Int { width:200px; float:left; }
.SiteMap_List_Int .SmpStyle { float:left; width:200px; margin:30px 0 0 0;  }
.SiteMap_List_Int .SmpStyle h2 { width:200px; height:31px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/bg_int.gif) no-repeat left top; text-align:center; line-height:31px; font-size:12px; font-weight:bold; color:#555555; text-decoration:none; }
.SiteMap_List_Int .SmpStyle h2 a:link { font-size:12px; font-weight:bold; color:#555555; text-decoration:none; }
.SiteMap_List_Int .SmpStyle h2 a:visited { font-size:12px; font-weight:bold; color:#555555; text-decoration:none; }
.SiteMap_List_Int .SmpStyle h2 a:active { font-size:12px; font-weight:bold; color:#555555; text-decoration:none; }
.SiteMap_List_Int .SmpStyle h2 a:hover { font-size:12px; font-weight:bold; color:#555555; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul { width:180px; margin:12px 0 0 10px; position:relative; }
.SiteMap_List_Int .SmpStyle ul li { color:#555555; font-weight:normal; font-size:12px; margin:0 0 0 0; padding:0 0 0 10px;  background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/dot_g.gif) no-repeat left 8px; line-height:20px; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul li a:link { color:#555555; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul li a:visited { color:#555555; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul li a:active { color:#555555; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul li a:hover { color:#555555; font-weight:normal; font-size:12px; text-decoration:underline; }
.SiteMap_List_Int .SmpStyle ul li ol { }
.SiteMap_List_Int .SmpStyle ul li ol li { line-height:20px; margin:0 0 0 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/sitemap/dot_b.gif) no-repeat left 10px; }
.SiteMap_List_Int .SmpStyle ul li ol li a:link { color:#888888; text-decoration:none; }
.SiteMap_List_Int .SmpStyle ul li ol li a:visited { color:#888888; text-decoration:none; }
.SiteMap_List_Int .SmpStyle ul li ol li a:active { color:#888888; text-decoration:none; }
.SiteMap_List_Int .SmpStyle ul li ol li a:hover { color:#888888; text-decoration:none; }

/* Contact Us Style */
.ContactUsBox { border:1px solid #99B6E0; width:100%; padding:0 0 15px 0; margin:0 0 30px 0; }
.ContactUsBox h2 { color:#356096; font-weight:bold; margin:15px 0 10px 15px; font-size:14px; font-family:Arial; }
.ContactUsBox ul { margin:0 0 0 15px; }
.ContactUsBox ul li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_cnt.gif) no-repeat left 8px; padding:0 0 0 14px; font-size:12px; line-height:20px; color:#555555; font-weight:normal; }
.ContactUsBox ul li a:link { font-size:12px; line-height:20px; color:#555555; font-weight:normal; text-decoration:none;}
.ContactUsBox ul li a:visited { font-size:12px; line-height:20px; color:#555555; font-weight:normal; text-decoration:none;}
.ContactUsBox ul li a:hover { font-size:12px; line-height:20px; color:#555555; font-weight:normal; text-decoration:none;}
.ContactUsBox ul li a:active { font-size:12px; line-height:20px; color:#555555; font-weight:normal; text-decoration:none;}
.ContactUsBox ul li a span { color:#356096; font-size:10px; font-weight:normal; text-decoration:underline; padding:0 0 0 10px; }

.ContactIsList { border-bottom:1px solid #EBEBEB; width:100%; }
.ContactIsList dl { margin:0 0 16px 0; }
.ContactIsList dl dt { width:666px; height:28px; line-height:28px; font-weight:bold; font-size:12px; color:#356096; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/bg_cont.gif) no-repeat left top; padding:0 17px 0 17px; font-family:Arial; }
.ContactIsList dl dd { font-size:12px; font-weight:normal; line-height:18px; margin:7px 0 0 17px; }
.ContactIsList dl dd img { vertical-align:middle; }
.ContactIsList dl dd a:link { font-size:12px; color:#356096; font-weight:normal; text-decoration:underline; }
.ContactIsList dl dd a:visited { font-size:12px; color:#356096; font-weight:normal; text-decoration:underline; }
.ContactIsList dl dd a:hover { font-size:12px; color:#356096; font-weight:normal; text-decoration:underline; }
.ContactIsList dl dd a:active { font-size:12px; color:#356096; font-weight:normal; text-decoration:underline; }

/* Register */
.dotPt { color:#C60000; font-weight:normal; }
.Regtxt { margin:13px 0 25px 0; line-height:18px; }

.TermsConditions { width:684px; height:96px; border:1px solid #ADADAD; overflow-y:auto; overflow-x:hidden;padding:13px 7px;}
.TermsConditions p {font-size:12px;padding-left:5px;font-family:Arial;line-height:1.3;margin-bottom:20px;}
.TermsConditions p a{font-size:12px;color:#555555;}
.TermsConditions p.title {font-size:12px;text-align:center;font-weight:bold;font-family:Arial;line-height:1.7;margin-bottom:9px;padding:0}
.TermsConditions p.title1{font-size:12px;text-align:center;line-height:80%;font-weight:bold;font-family:Arial;padding:0}
.TermsConditions h3{font-size:12px;background:none;background-color:#f3f3f3;padding:5px 0 5px 5px;font-weight:normal;margin-bottom:3px;}
.TermsConditions ul {list-style: none;font-size:12px;}
.TermsConditions ul li a{font-size:12px;color:#555555;}

.TermsConditions_grBox{width:674px;height:235px;background:#F3F3F3;border:1px solid #EBEBEB;padding:14px 12px;margin-bottom:30px}
.TermsConditions_grBox .txt {margin-bottom:12px}
.TermsConditions_grBox .agree {background:#fff;width:655px; height:94px; border:1px solid #ADADAD; overflow-y:auto; overflow-x:hidden;padding:14px 7px;}
.TermsConditions_grBox .agree p {font-size:12px;padding-left:5px;font-family:Arial;line-height:1.3;margin-bottom:20px;}
.TermsConditions_grBox .agree p a{font-size:12px;color:#555555;}
.TermsConditions_grBox .agree p.title {font-size:12px;text-align:center;font-weight:bold;font-family:Arial;line-height:1.4;margin-bottom:13px;padding:0}
.TermsConditions_grBox .agree p.title1{font-size:12px;text-align:center;line-height:80%;font-weight:bold;font-family:Arial;padding:0}
.TermsConditions_grBox .agree h3{font-size:12px;background:none;background-color:#f3f3f3;padding:5px 0 5px 5px;font-weight:normal;margin-bottom:3px;}
.TermsConditions_grBox .agree ul {list-style: none;font-size:12px;}
.TermsConditions_grBox .agree ul li{padding-left: 7px;margin: 0;background: url(http://dpimg.ospos.net/en_US/developer/apis/images/uk/common/icon_dot_3.gif) no-repeat 0 7px;}
.TermsConditions_grBox .agree ul li a{font-size:12px;color:#555555;}

.SelTiptxt { font-size:11px; font-weight:normal; color:#888888; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/bnt_dot.gif) no-repeat left 7px; padding:0 0 0 8px; margin:5px 0 5px 0; }
.textRegisterMessage { width:px; height:px; border:1px solid #ADADAD;  padding:1px 0 1px 3px; width:99%; height:68px; }
.BtnRight_Register { float:right; margin:10px 0 10px 0; }


/* Support Style */
.FAQTextset { margin:11px 0 0 0; }
.FAQSearchForm { width:700px; clear:both; margin:27px 0 10px 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/support/bg_sp.gif) repeat-x top left #D5E2EF; }
.FAQSearchForm table { width:100%; height:29px; border-bottom:1px solid #9BBCDD;   }
.FAQSearchForm table th { height:30px; line-height:30px; font-weight:bold; color:#356096; font:12px; padding:0 12px 0 12px; }
.FAQSearchForm table td { height:30px; line-height:30px; }
.FAQSearchForm table td select { font-size:11px; width:132px; }
.FAQSearchForm table td .Rc1 { width:314px; height:18px; }
.FAQSearchForm table td .Rc2 { width:449px; height:18px; }
.FAQSearchForm table td .Rc3 { width:230px; height:18px; }
.FAQSearchForm table td .Rc4 { width:200px; height:18px; }
.QARcBtn { text-align:right; margin-bottom:10px;}
.FAQSearchForm table td img { vertical-align:middle; }
.QaIntroduce { border-top:1px solid #E3E7EE; border-bottom:1px solid #E3E7EE; background:#F2F4F8; padding:16px 0px 8px 16px; margin:11px 0px -15px 0px;}
.QaIntroduce ul { margin:0px;; padding:0px;}
.QaIntroduce ul li{ padding:0 0 8px 18px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/support/ico_mi.gif) no-repeat 0px 4px;}
div.Ex3NoticeTxt { margin:15px 0 15px 0; line-height:1.5em;}
div.Ex3NoticeTxt h3 {margin:15px 0 15px 0;}
div.Ex3NoticeTxt p { margin: 7px 0 8px 0;}
div.Ex3NoticeTxt p a:link{ font-size:12px; text-decoration:underline; color:#356096;}
div.Ex3NoticeTxt p a:visited{ font-size:12px; text-decoration:underline; color:#356096;}
div.Ex3NoticeTxt p a:active{ font-size:12px; text-decoration:underline; color:#356096;}
div.Ex3NoticeTxt p a:hover{ font-size:12px; text-decoration:underline; color:#356096;}
.QaIntroduce { border-top:1px solid #E3E7EE; border-bottom:1px solid #E3E7EE; background:#F2F4F8; padding:16px 0px 8px 16px; margin:11px 0px -15px 0px;}
.QaIntroduce ul { margin:0px;; padding:0px;}
.QaIntroduce ul li{ padding:0 0 8px 18px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/support/ico_mi.gif) no-repeat 0px 4px;}

/* Search Style */
.SearchForm { width:700px; clear:both; margin:15px 0 10px 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/support/bg_sp.gif) repeat-x top left #D5E2EF; }
.SearchForm table { width:100%; height:29px; border-bottom:1px solid #9BBCDD;}
.SearchForm table th { height:30px; line-height:30px; font-weight:bold; color:#356096; font:12px; padding:0 12px 0 12px;}
.SearchForm table td .Rc3 { width:390px; height:18px; margin: 0 0 0 12px;}
.SearchForm table td { height:30px; line-height:30px;}
.SearchForm table td.Sch {text-align:left; color:#356096;}
.SearchForm table td .Rc4 { vertical-align:middle; margin:0 2px 2px 0;}
.SearchForm table td .Rc1 { width:314px; height:18px;}
.SearchForm table td .Rc2 { width:449px; height:18px;}
.SearchForm table td img { vertical-align:middle;}

table.schList { margin:0px; border-bottom:1px solid #E6E6E6; width:100%;}
table.schList tr.exBg { background:#F3F3F3;}
table.schList td { border-top:1px solid #E6E6E6; color:#555555; padding:12px; line-height:1.5em;}
table.schList td div {padding-bottom:8px;}
table.schList td span.schTit { color:#333333; font-weight:bold; font-size:12px;}
table.schList td a { color:#356096 !important; font-size:12px; }
table.schList td b { color:#C60000;font-weight:normal;}

/* Search Path */
table.schList div.schPath { float:left; padding:5px 0 0px 0; text-decoration:none; font-size:11px; color:#888888;}
table.schList div.schPath span {padding-left:5px; padding-right:5px;}
table.schList div.pathDate { float:left; padding:5px 0 0px 0; text-decoration:none; font-size:11px; color:#888888;}

/* bug style */
.Butrep { border:1px solid #EBEBEB; width:px; background:#F3F3F3; width:698px; margin:15px 0 10px 0; }
.Butrep .title { width:600px; border-bottom:1px solid #E1E1E1; margin:22px 0 0 50px; color:#333333; font-weight:bold; font-size:18px; font-family:Arial; padding-bottom:13px; }
.Butrep .title  span { color:#F15202; }
.Butrep .contents { color:#555555; width:600px; border-top:1px solid #FFFFFF; line-height:18px; margin:0 0 0 50px; padding:15px 0 25px 0; }
.Butrep .contents .txt_itc { font-style:italic; font-weight:bold; color:#F15202; }
div.docuTopCont { padding:11px 0 0 0; line-height:20px;}
div.reportWrite { width:700px; font-family:tahoma; font-size:11px; text-align:right; margin:22px 0 8px 0;}
span.redItem { color:#c60000;}
ul.fileWord { padding-bottom:5px;}
ul.fileWord li { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/apidocs/bl_gray.gif) 0 5px no-repeat; padding-left:8px; font-size:11px; color:#888; line-height:16px;}
ul.fileWord li span { color:#555;}
div.byteConunt { font-size:11px; color:#555555; text-align:right; padding:2px 12px 1px 0;}
div.byteConunt span { font-weight:bold;}

p.h3subTxt{margin-bottom:9px;color:#555555;font-size:12px;}

/* API Search Style */
.APISearchForm { width:700px; clear:both; margin:15px 0 10px 0; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/support/bg_apisp.gif) repeat-x top left #E7E4F2; }
.APISearchForm table { width:100%; height:29px; border-bottom:1px solid #C3BDE1;}
.APISearchForm table td .Rc3 { width:390px; height:18px; margin: 0 0 0 12px;}
.APISearchForm table td { height:30px; line-height:30px;}
.APISearchForm table td.APISch {text-align:left; color:#523E8A;}
.APISearchForm table td .Rc4 { vertical-align:middle; margin:0 2px 2px 0;}
.APISearchForm table td .Rc1 { width:314px; height:18px;}
.APISearchForm table td .Rc2 { width:449px; height:18px;}
.APISearchForm table td img { vertical-align:middle;}

/*Loading Bar*/
.LoadingBar { width:320px; height:100px; text-align:left; border:2px solid #2D92C7; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/bar_bg.gif) no-repeat left top;}
.LoadingBar .LoadingTxt { font-size:14px; text-align:center; font-weight:bold; color:#333333; margin:20px 0px 12px 0px;}
.LoadingBar .LoadingTxt span { color:#C60000;}
.LoadingBar .BarBg { width:290px; height:28px; margin-left:15px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/popup/loading_bg.gif) no-repeat left top; }
.LoadingBar .BarBg img { margin:11px 14px 0px 14px;}

/*New Submain*/
h2.SubMainTitle { font-size:18px; color:#333333; margin-bottom:10px;}
div.SubmainList { clear:both; background:#ECF3FB; padding:20px 24px 20px 24px; width:650px; height:130px; margin-top:20px;}
div.SubmainList2 { clear:both; padding:20px 24px 20px 24px; width:650px; margin-top:10px; height:160px; }
div.SubmainList3 { clear:both; background:#ECF3FB; padding:20px 24px 20px 24px; width:650px; line-height:18px; font-size:12px; padding-bottom:50px; *padding-bottom:20px;}
div.ListLeft {float:left; width:300px; line-height:18px; font-size:12px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/sub_line.gif) no-repeat right 30px; padding-right:24px;}
div.ListRight {float:left; width:300px; line-height:18px; font-size:12px; padding-left:24px;}
.ListBtn { float:right; margin-top:10px;}

/*Developer Day*/
div.DdayTop { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/day/daytopimg.jpg) no-repeat; width:700px; height:339px; }
div.DdayTop .topTxt { padding-top:250px; padding-left:50px; color:#757575; font-size:12px; line-height:18px; width:600px;}
div.Dday {clear:both;}
div.Dday .DdayLeft {float:left; width:430px; padding:20px 0px 20px 15px;}
div.Dday .DdayLeft span {color:#3585CC; font-weight:bold;}
div.Dday .DdayRight {float:right; width:222px; border:1px solid #DAE4ED; margin-top:20px; padding:5px;}
div.Dday .DdayRight h5 { font-size:14px; font-weight:bold; color:#7D9AB8; margin:3px 0px 3px 0px; padding:3px 3px 3px 10px; background:#F3F6FB; border-bottom:1px solid #DAE4ED;}
div.Dday .DdayRight p.select {background:#D6E4EF; font-size:12px; color:#6B7278; font-weight:bold; margin:3px 0px 3px 0px; padding:5px 3px 5px 10px; }
div.Dday .DdayRight p.DdayTxt {font-size:12px; color:#6B7278; margin:3px 0px 3px 0px; padding:5px 3px 5px 10px; }
div.Dday .DdayRight p.DdayTxt a:link {color:#5C9DD5; font-weight:bold; font-size:11px;text-decoration:none;}
div.Dday .DdayRight p.DdayTxt a:active {color:#5C9DD5; font-weight:bold; font-size:11px;text-decoration:none;}
div.Dday .DdayRight p.DdayTxt a:visited {color:#5C9DD5; font-weight:bold; font-size:11px;text-decoration:none;}
div.Dday .DdayRight p.DdayTxt a:hover {color:#5C9DD5; font-weight:bold; font-size:11px;text-decoration:underline;}
div.Dday .DdayOnlyMap { width:700px; font-size:14px; margin-top:16px; line-height:20px; color:#14367E;}
div.Dday .DdayOnlyMap span {color:#3585CC; font-weight:bold;}

div.Dday .DdayRight div.dayBtn { padding-left:40px;}
div.DdayCnt {clear:both;}

/*ReleaseNote*/
div.ReNote { width:100%;}
div.ReNote h2.Retitle {font-size:20px; color:#003366; font-weight:bold; padding:3px 0px 5px 0px;}
div.ReNote ul { padding-left:10px;}
div.ReNote ul li {background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/ico/ico_release.gif) no-repeat 0 6px;; padding:3px 0px 3px 12px; font-weight:bold; color:#2B2B2B; }
div.ReNote ul li p { padding-left:30px; font-weight:normal; padding-top:2px;}
div.ReNote ul li p.inTxt {padding-left:60px;}

/*Add 2010_01_04 Developer Challenge*/
.wrap_tabs_dc {clear:both; position:relative; height:24px; background:url('../../images/contest/tab_dc_bg.gif') repeat-x 0 36px; padding-top:14px; }
.over_dc1 {position:absolute; top:14px; left:0; z-index:500; }
.over_dc2 {position:absolute; top:14px; left:158px; z-index:500; }
.over_dc3 {position:absolute; top:14px; left:278px; z-index:500; }
.over_dc4 {position:absolute; top:14px; left:397px; z-index:500; }
.over_dc5 {position:absolute; top:14px; left:486px; z-index:500; }
ul.tabs_dc {z-index:1; }
ul.tabs_dc li {z-index:1; float:left; margin-left:-3px;}
ul.tabs_dc li.first {float:left; margin-left:0;}

/* Add 2010_01_20 TextEditor List style */
.addrTextEDITst { font-family:Arial; font-size:12px; color:#55555; font-weight:normal; }
.addrTextEDITst h1 { font-size:28px; font-weight:bold; color:#003366; margin:40px 0 10px 0; padding:0 0 0 0; }
.addrTextEDITst h2 { font-size:22px; font-weight:bold; color:#003366; margin:20px 0 0 20px; padding:0 0 0 0; }
.addrTextEDITst h3 { margin:0 0 0 0; padding:0 0 0 0; }
.addrTextEDITst h4 { margin:0 0 0 0; padding:0 0 0 0; }
.addrTextEDITst p { font-size:12px; margin:0 0 0 0; padding:0 0 0 0; line-height:18px; }
.addrTextEDITst ul { margin:0 0 0 0; padding:0 0 0 0; }
.addrTextEDITst ul li { margin:0 0 0 0; padding:0 0 0 0; list-style-type:disc; }
.addrTextEDITst ul li ol { margin:0 0 0 0; padding:0 0 0 0; }
.addrTextEDITst ul li ol li { margin:0 0 0 0; padding:0 0 0 0; list-style-type:circle; }
.addrTextEDITst ul li ol li ul { margin:0 0 0 0; padding:0 0 0 0; }
.addrTextEDITst ul li ol li ul li { margin:0 0 0 0; padding:0 0 0 0; list-style-type:square; color:#444444; }
.addrTextEDITst ul.index { font-weight:bold; margin:10px 0 0 30px; font-size:13px; }
.addrTextEDITst ul.index li { list-style-type:disc; margin:0 0 2px 0; }
.addrTextEDITst ul.index li ol { margin:0 0 0 15px; }
.addrTextEDITst ul.index li ol li { list-style-type:none;  }
.addrTextEDITst ul.index li ol li ul { margin:0 0 0 15px;}
.addrTextEDITst ul.index li ol li ul li {  }
.addrTextEDITst ul.h2List { margin:5px 0 0 50px; }
.addrTextEDITst ul.h2List li { font-weight:bold; margin:0 0 8px 0; }
.addrTextEDITst ul.h2List li ol { margin:5px 0 0 10px; margin:3px 0 0 25px; }
.addrTextEDITst ul.h2List li ol li { font-weight:normal; margin:0 0 3px 0; }
.addrTextEDITst ul.h2List li ol li ul { margin:5px 0 0 25px; }
.addrTextEDITst ul.h2List li ol li ul li { margin:0 0 3px 0; }
.addrTextEDITst ul.h2List li ol li ul li ol { margin:0 0 3px 0; }
.addrTextEDITst ul.h2List li ol li ul li ol li { margin:0 0 0 20px; list-style-type:none; }

/* Video  */
.videoStTitle { margin:0 0 20px 0; font-size:20px; color:#143969; font-weight:normal; clear:both; width:100%; }
.videoSt { width:700px; margin:15px 0 0 0; }
.videoSt .Left { width:420px; height:313px; background:#bfd5f6; float:left; }
.videoSt .Left .mov { margin:20px 0 0 20px; padding:0 0 0 0; width:380px; height:273px; clear:both; vertical-align:top; font-size:0px; line-height:0px; }
.videoSt .Right { width:280px; float:left; text-align:left; font-family:Arial; font-size:12px;  }
.videoSt .Right h4 { color:#b6c805; font-weight:normal; font-size:20px; margin:15px 0 0 25px; }
.videoSt .Right .TxtContent { margin:15px 0 0 25px; width:240px; color:#777777; line-height:15px; height:300px; overflow-y:auto; overflow-x:hidden;  }
.Clb { clear:both; height:0px; font-size:0px; line-height:0px; width:700px; }
.videoAllView { margin:30px 0 0 0; width:700px; }
.videoAllView h5 { color:#333333; font-size:18px; font-family:Arial; font-weight:bold; }
.videoAllView .Vim { margin:0 0 0 0; padding:0 0 0 0; }
.videoAllView .Vim li { display:inline; float:left; } 
.videoAllView .Vim .box { border:1px solid #bfd5f6; width:188px; height:119px; }
.videoAllView .Vim .box h6 { color:#356096; font-size:12px; font-family:Arial; font-weight:bold; margin:11px 0 0 11px; text-overflow-mode:ellipsis-word; overflow:hidden; white-space:nowrap; width:160px;  }
.videoAllView .Vim .box h6 a:link { color:#356096; text-decoration:none; }
.videoAllView .Vim .box h6 a:visited { color:#356096; text-decoration:none; }
.videoAllView .Vim .box h6 a:active { color:#356096; text-decoration:none; }
.videoAllView .Vim .box h6 a:hover { color:#356096; text-decoration:none; }
.videoAllView .Vim .box dl { margin:12px 0 0 11px; padding:0 0 0 0; width:177px; }
.videoAllView .Vim .box dl dt { display:inline; float:left; width:90px; }
.videoAllView .Vim .box dl dt img { width:80px; height:60px; }
.videoAllView .Vim .box dl dd { display:inline; padding:0 0 0 0; margin:0 0 0 0; width:70px; font-size:12px; font-weight:normal; font-family:Arial; color:#777777; line-height:15px; }

/* Add 2010-01-29 DP238 Modify _20100510 */
.appApiAreaTable th.appApiAreaTh { padding:5px 0 5px 10px; }
.appApiAreaTable th.appApiAreaTh h2 { line-height:normal; margin:0 0 0 0; padding:0 0 0 10px; font-size:12px; color:#356096; }
.appApiAreaTable th.dataRightv { text-align:right; padding:0 10px 0 0;  }
.appApiAreaTable th.appApiAreaTop { border-top:1px solid #9bbcdd; }
.checkApparea { margin:10px 0 10px 10px; width:97%; }
.checkApparea td { text-align:left; line-height:22px; font-size:11px; vertical-align:top; padding:4px 5px 3px 5px; }
.checkApparea td input { vertical-align:middle; margin:0 5px 0 0; }
.checkApparea .inputCps { border:1px solid #ADADAD; width:80px; }
.checkApparea .PadRub { height:18px; }
.checkApparea td h3 { font-weight:normal; border-bottom:1px solid #dddddd; width:92%; }
.checkApparea2 { margin:10px 0 0 0; width:100%; }
.checkApparea2 td { text-align:left; font-size:12px; vertical-align:top; }
table.checkApparea thead { }
table.checkApparea thead th { background:#f3f3f3; border-bottom:1px solid #dedede; border-top:1px solid #acacac; padding:4px 15px 4px 15px; }
table.checkApparea thead th.Title { font-weight:bold; }
table.checkApparea thead th.BtnRight { text-align:right; }

/* Button Reset */
.Linkbutton, .Linkbutton a, .Linkbutton button, .Linkbutton input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:9px; font-family:Tahoma; white-space:nowrap; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/btn/buttonrwhite.gif) no-repeat; overflow:visible; color:#555555;}
.Linkbutton { height:18px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.Linkbutton a, .Linkbutton button, .Linkbutton input { left:2px; vertical-align:top; cursor:pointer; font-weight:bold; }
.Linkbutton a, .Linkbutton button, .Linkbutton input { height:18px; padding:0 10px 0 8px; font-size:9px; line-height:17px; background-position:right top;}
.Linkbutton *:hover, .Linkbutton *:active, .Linkbutton *:focus{ color:#15549a;}
.Linkbutton.strong * { font-weight:bold !important;}

/* popup */
.PopDSDefault { width:100%;  float:left; text-align:left; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/pop_bghead.gif) repeat-x left top; }
.PopDSDefault .Header { position:relative; width:100%; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/common/layout/pop_bg.gif) no-repeat left top; float:left; height:54px; margin:0 0 40px 0; }
.PopDSDefault .Header .PopStitle { position:absolute; top:20px; left:40px; font-size:18px; font-family:Arial; color:#154399; font-weight:bold;  }
.PopDSDefault .Header .Logo { position:absolute; top:16px; right:26px; }

/* 20100616 Add Forums Left Menu */
ul.localDepth01 ul.LmenuForum { margin:9px 0 11px 10px; width:180px; }
ul.localDepth01 ul.LmenuForum li { font-size:12px; font-family:tahoma; padding:0 0 0 15px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/forums/dot_off.gif) no-repeat left 5px; margin:0 0 4px 0; color:#000000; }
ul.localDepth01 ul.LmenuForum li a:link { text-decoration:none; font-size:12px; font-family:tahoma; color:#000000; }
ul.localDepth01 ul.LmenuForum li a:visited { text-decoration:none; font-size:12px; font-family:tahoma; color:#000000; }
ul.localDepth01 ul.LmenuForum li a:active { text-decoration:none; font-size:12px; font-family:tahoma; color:#000000; }
ul.localDepth01 ul.LmenuForum li a:hover { text-decoration:underline; font-size:12px; font-family:tahoma; color:#000000; }
ul.localDepth01 ul.LmenuForum li.onTree { background:url(http://dpimg.ospos.net/en_US/developer/apis/images/forums/dot_on.gif) no-repeat left 6px; }
ul.localDepth01 ul.LmenuForum li.onTree ul { margin:4px 0 0 0; } 
ul.localDepth01 ul.LmenuForum li.onTree ul li { background:none; padding:0 0 0 8px; } 

/* 20100618 add Fourm */
.forumMain { width:700px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/forums/bg_forums.gif) no-repeat right top; float:left;	 }
.forumMain h4 { margin:8px 0 0 16px; color:#b6c805; font-size:40px; font-weight:normal; font-family:Arial; line-height:40px; }
.forumMain h4 span { color:#0e437d; font-weight:normal; font-size:24px; line-height:24px; }
.forumMain p { margin:19px 0 39px 16px; }
.forumTip { background:#e5f4f9; border:1px solid #bcdae3; padding:10px 10px 10px 10px; clear:both; width:678px; color:#38527b;  }
.dotRd { color:#ff0000; }
.forumTip a:link { font-weight:bold; text-decoration:underline; color:#38527b; }
.forumTip a:visited { font-weight:bold; text-decoration:underline; color:#38527b; }
.forumTip a:active { font-weight:bold; text-decoration:underline; color:#38527b; }
.forumTip a:hover { font-weight:bold; text-decoration:underline; color:#38527b; }
.forumService { width:700px; margin:25px 0 22px 0; float:left; }
.forumService ul { }
.forumService ul li { display:inline; float:left; width:325px; margin:0 0 0 25px; background:url(http://dpimg.ospos.net/en_US/developer/apis/images/forums/bg_r.gif) no-repeat right 5px; }
.forumService ul li.last { background:none; }
.forumService ul li dl { color:#004f8b; }
.forumService ul li dl dt { font-weight:bold; font-size:18px; line-height:18px; margin:0 0 5px 0;  }
.forumService ul li dl dt a:link { color:#004f8b; font-size:19px; text-decoration:none; }
.forumService ul li dl dt a:vitised { color:#004f8b; font-size:19px; text-decoration:none; }
.forumService ul li dl dt a:active { color:#004f8b; font-size:19px; text-decoration:none; }
.forumService ul li dl dt a:hover { color:#004f8b; font-size:19px; text-decoration:none; }
.forumService ul li dl dd { line-height:18px; }
.forumSub { background:#ecf3fb; width:700px; float:left; }
.forumSub .Left { float:left; width:349px; border-right:2px solid #FFFFFF; padding-bottom:15px; }
.forumSub .Right { float:left; width:349px; padding-bottom:15px; }
.forumSub dl { width:299px; margin:25px 0 15px 25px; }
.forumSub dl dt { color:#333333; font-weight:bold; font-size:18px; line-height:18px; margin:0 0 5px 0;  }
.forumSub dl dd { line-height:18px; color:#555555; }
.forumSub dl dd a:link { color:#555555; text-decoration:underline; font-size:12px; }

/* 20100629 add SDK */
.Lvr_popMain { position:absolute; top:0px; left:0px; z-index:99999; border:3px solid #174696; background:#FFFFFF; text-align:center; }
.Lvr_popMain .btnClose { width:100%; text-align:right; float:left; }
.Lvr_popMain .conTent { width:100%; float:left; }
.Lvr_popMain .btnNvr { width:100%; height:30px; padding:0 0 0 0; border-top:1px solid #d8e5f3; text-align:right; color:#809cca; float:left; vertical-align:middle; }
.Lvr_popMain .btnNvr input { vertical-align:middle; }
.Lvr_popMain .btnNvr p { height:30px; line-height:30px; margin-right:30px; }
.Lvr_popMain .btnNvr img { vertical-align:middle; }
.Lvr_popMain .clear { clear:both; line-height:0px; font-size:0px; height:0px; }

h2.BlogTitle_st { }
h2.BlogTitle_st a:link { text-decoration:none; }
h2.BlogTitle_st a:visited { text-decoration:none; }
h2.BlogTitle_st a:active { text-decoration:none; }
h2.BlogTitle_st a:hover { text-decoration:underline; }
