﻿@charset"utf-8";
/*
  RSUPPORT HOME - content.css
  Author: Firejune<to@firejune.com>
  Copyright: http://rsupport.com
*/
#intro img{_margin-top:-1px; }

h3.arrow { background: url(../img/common/arrow.gif) no-repeat 0 10px; font-size: 13px !important; padding-left: 12px !important; }
p.arrow { background: #fff url(../img/common/sc-arrow.gif) no-repeat 0 6px; padding-left: 15px !important; clear: both; }

dl { margin: 10px 0 20px; }
dt { width: 100px; float: left; }
.circle dt.dot {
	padding-left: 10px; background: url(../img/common/list-item-icon-square-gray.gif) no-repeat 0 9px;
} 

/*수정120112 웹페이지_공통 제품> 각제품 의 라이센스 및 가격페이지의 제품소개쪽 가독성 */
#ko .circle dt.dot { width: 80px; display: block; } 
#en .circle dt.dot { width: 113px; display: block; } 
#ja .circle dt.dot { width: 82px; display: block; } 
#zh-cn .circle dt.dot,
#zh-tw .circle dt.dot { width: 80px; display: block; } 

dl.circle, dd { overflow: hidden; _zoom: 1; } /*수정120116 영문,일문홈페이지 - 제품>Remotecall>RemoteCall appliance > IE 6에서 제품소개 부분이 한쪽으로 쏠려서 나옴 */
dl.circle dt span {
  width: 3px; height: 3px; float: left; margin-right: 8px;
  line-height: 0; background: #666; margin-top: 8px; 
}
img.preview { float: left; margin-right: 20px; }
img.preview.ex { float: left; margin: 0 20px 0 45px; border: 2px solid #cbcbcb; }

.floatWrap { position: relative; overflow: hidden; height: auto; *zoom:1; clear: both; }
.floatWrap .tech-img { float: left; display: inline-block; height: auto; overflow: hidden; margin-right: 15px; }
#ja .floatWrap .tech-img { margin-bottom: 27px; *margin-bottom: 35px; } /*추가120214 일문홈페이지 회사소개>기술력페이지 IPv4와IPv6변환소개 가독성 */
.floatWrap .explain { display: block; color: #333; text-align: center; }
.floatWrap .explain span { color: #af0021; }
.floatWrap:after{ *zoom: 1; content:" "; display:block; clear:both; height:0; visibility:hidden; }

.contents h2 { border-bottom: 1px solid #DBDBDB; margin-bottom: 20px; color: #333; }
.contents h2 span { font-size: 12px; color: #222; font-weight: normal; margin-left: 20px; }
.contents h2 span a { font-weight: bold; }
.contents h3, .contents h4, .contents h5 { color: #222; }
.contents h3 span, .contents h4 span { color: #AD0021; }
.contents h3 .arrow { font-size: 12px; font-weight: normal;} /*추가 120604 mobizen 더보기 링크스타일 추가 */
.contents ul, .contents table, .about-us ul, .about-us table { margin-bottom: 20px; }
.contents table, .about-us table { border-top: 2px solid #666; border-bottom: 1px solid #B3B3B3; width: 100%; }

.contents table thead, .about-us table thead,.contents table thead *, .about-us table thead *  { background: #EEE; }
.contents table th, .about-us table th, .contents table td, .about-us table td { padding: 4px 10px; }
.contents table thead th, .about-us table thead th { border-bottom: 1px solid #B3B3B3; }
.contents table tbody th, .about-us table tbody th { border-bottom: 1px solid #E6E6E6; }
.contents table thead .tr-double th { border-bottom: none; }
.contents table td, .about-us table td { background: #F7F7F7; border-bottom: 1px solid #E6E6E6; }
.contents table td.price { vertical-align: middle; }

.contents table td.odd, .contents table .odd td, .about-us table td.odd { background: #fff !important; }
.contents table.grid tbody th, .about-us table.grid tbody th { border-right: 1px solid #E6E6E6; background: #F7F7F7; }
.contents table.grid td, .about-us table.grid td { border-right: 1px solid #E6E6E6; background: #FAFAFA; }
.contents table.grid td:last-child, 
.about-us table.grid td:last-child { border-right: none; }
.contents.article p { line-height: 1.5; }

/* content */
.os-support { position: relative; }
/*.os-support { position: relative; *z-index: 10; }*/
.os-support .customer { position: absolute; display: inline-block; width: 150px; top: 166px; font-size: 14px; font-weight: bold; text-align: center !important; left: 10px; }
.os-support .representative { position: absolute; display: inline-block; width: 150px; top: 166px; font-size: 14px; font-weight: bold; text-align: center !important; right: 18px; }
.os-support thead { border-bottom: 1px solid #b3b3b3 !important; }
.os-support thead th,
.os-support tbody th { vertical-align: middle; }
.os-support .tr-double th { *border-bottom: 1px solid #b3b3b3 !important; }
.os-support tbody .last { border: 1px solid #E6E6E6; border-top: none; vertical-align: middle; }

/* common */
.overlab { font-size: 24px; position: absolute; top: 32px; left: -8px; background: none !important; display: none; }
.txt-hidden { display: inline; position: absolute; top: 0; left: 0; text-indent: -10000px; width: 0; height: 0; line-height: 0; }

.circle.sub-menu { padding-left: 0px !important; }
#en .circle.sub-menu,
#ja .circle.sub-menu { padding-left: 5px !important; } /* 추가 영문,일문홈페이지 - 왼쪽서브네비게이션- 가독성 */
#zh-cn .circle.sub-menu { padding-bottom: 0; }
.circle.sub-menu li { height: 18px; color:#898989; font-size: 11px; }
#ja .circle.sub-menu li { font-size: 12px; } /*추가120201 일문홈페이지 - 왼쪽서브네비게이션- 가독성 */
#zh-cn .circle.sub-menu li { line-height: 1.2; } /*추가120522 중문(간자) - 왼쪽서브네비게이션- 가독성 */
.circle.sub-menu li a { color:#898989; text-decoration:underline; }
.circle.sub-menu li.dual-tel { height: 27px; line-height: 14px; }

.decimal { padding-left: 18px !important; }
.decimal.space-bottom { *padding-left: 25px !important; } /*수정120221 IE6,7 웹페이지_공통 보안및안정성 리스트숫자깨지는현상 */
.align-left { text-align:left; }
.number { padding-left: 35px; }
.decimal li { list-style: decimal; }

/*수정120117 언어공통 홈페이지 - 제품>RemoteCall>RemoteCallAppliance 그림소개 Ul에서 Table로 재구성  */
.features li { border-bottom: 1px dashed #B0B0B0; padding: 10px 10px 0; overflow: auto; _zoom: 1; } /* IE6일때 제품>RemoteCall>RemoteCall + mobile pack>이미지 정렬 수정 */
.features.col { border: none; }
.features.col td { width: 355px; padding: 13px 0; border-top: 1px dashed #B0B0B0; border-bottom: 1px dashed #B0B0B0; background-color: White; }
.features.col td ul { margin: 0; }
.features.col td li { border: none; padding: 0 0 0 10px; width: 255px; }
/*.features td img { float: left; margin:0 10px 20px 0; }*/

.features td img { float: left; margin:0 10px 20px 0; }
#en .features td img { float: left; margin:0 10px 37px 0; *margin:0 10px 44px 0; }

.features li p { overflow: auto; }
.square li { list-style:url(../img/common/list-item-icon-square.gif); list-style-type: square; }
/*.circle li { list-style-image: url(/static/img/common/list-item-icon-square-gray.gif); list-style-type: square; }*/

.circle { padding-left: 5px; }
p.circle { padding-left: 10px; background: url("../img/common/list-item-icon-square-gray.gif") no-repeat scroll 0 9px transparent; }
.circle li { background: url(../img/common/list-item-icon-square-gray.gif) no-repeat 0 9px; padding-left: 10px; }
.preview.circle { float: left; }
.previewlist-title { display: block; }
.checked li, .using-the-field li { list-style-image: url(../img/common/checked.gif); list-style-type: square; }
.gradation-line li { list-style-image: url(../img/common/list-item-icon-line-gradation.gif); list-style-type: square; }
.gradation-line li strong, .number li strong { color: #0177A9; }
.using-the-field li { padding-bottom: 10px; }
.using-the-field li strong { display: block; }

a.arrow {
  background: url(../img/common/arrow.gif) no-repeat 0 2px;
  padding-left: 11px; margin-right: 20px; margin-left: 5px;
}
a.switch { background: url(../img/common/lower-arrow.gif) no-repeat right 2px; padding-right: 21px; color: #666 !important; }
a.switch.less { background: url(../img/common/upper-arrow.gif) no-repeat right 2px; }
.underline { text-decoration: underline; }
.quote { background: #eee; padding: 7px 14px; color: #222; }
.quote img { display: block; margin: 10px auto; }
.quote strong { color: #666666; }
.quote .description { display: inline-block !important; width: 300px; margin-right: 50px; }
.quote .mark-environment {
  display: inline-block; padding: 10px 40px 10px 100px; background: white url(../img/products/logo-carbonless.html) no-repeat left center; 
  border: 1px solid #cdcdcd; color: #7e832f;
  }
.quote .mark-environment strong {  font-size: 15px; }
.quote-center { padding: 7px 65px; background: #eee; color: #686868; }
.quote-center strong { color: #666666; }

.no-image { background: url(../img/common/no-image.gif) no-repeat center center #E8EBE4 !important; border: 1px solid #DADCD9; }
.border { border: 1px solid #DADCD9; }
.clear { clear: both; }
.padding { height: 10px }
img.left { float: left; margin-right: 10px; }
img.right { float: right; }
.bold { font-weight: bold; }

.box { border-top: 1px dotted #A5A99B; padding:14px 0; margin-top:-6px; }
.box li { width: 250px; margin-bottom:2px; }
.box li.title {margin:0; }
.box li a {padding-right:20px; background: url(../img/support/support-documents.html) no-repeat center right; }
.box a {text-decoration: underline; }
.box .left-box {width:272px; float:left; }
.box .right-box {width:272px; float:right; }

/* downloads */
.downloads { border-top: 1px solid #DFDBCC; }
.downloads li { margin-bottom: 0 !important; }
.downloads li.cont { clear: both; border-bottom: 1px solid #DFDBCC; padding: 4px 8px; overflow: hidden; height: auto; }

.downloads ul { *zoom: 1; }
.downloads ul:after {content:" "; display:block; clear:both; }
.downloads ul li { float: left; }
.downloads ul li.title { width: 490px; }
.downloads ul li.title p { line-height: 18px !important;  }
.downloads ul li.type { width: 50px; padding-top: 12px; text-align: center; }
.downloads ul li.size { width: 70px; padding-top: 12px; text-align: center; }
.downloads ul li.download { padding-top: 12px; }

/* .list { margin-top: 30px; } */
/* .list a { text-decoration: underline; } */
.list h4 a { text-decoration: none; color: #333; }
.list li { margin-bottom: 15px; }

.inquiry { padding: 10px 0; }
.inquiry li { display: inline-block; .float: left; width: 270px; line-height: 1.6; }
.inquiry img { float: left; margin-right: 15px; }

.call { padding-top: 5px; }
.call strong { display: inline-block; .float: left; width: 100px; }
.call span { display: inline-block; .float: left; width: 160px; }

.download li {
  background: url(../img/support/support-download.gif) no-repeat 0 15px; padding: 10px 0 10px 100px;
  border-bottom: 1px dotted #A4A99D;
}
.download a { color: #AD0021; }
.download h4 img { margin-left: 6px; }
.download p { margin-bottom: 2px !important; line-height: 1.4; }

.icon img { margin-right: 10px; }
.icon li { margin-bottom: 5px; }

.space-top { margin-top: 30px !important; }
.space-bottom { margin-bottom: 10px !important; }
.non-bg { background:none !important; }
.description { padding-bottom: 40px; }

.sm {
  position: absolute; top: 10px; left: 0; background: #fff; width: 215px;
  border: 1px solid #666; box-sizing: border-box; border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, left top, left bottom, from(#E9EAE9), to(#FDFDFD), color-stop(0.05, #FDFDFD));
  background: -moz-linear-gradient(top, #E9EAE9, #FDFDFD 5%, #FDFDFD);
}

#ja .sm { letter-spacing: -1px; } /*추가120125 일문홈페이지>왼쪽네비게이션 가독성  */
#zh-cn .sm { letter-spacing: -1px; } /*추가120125 중문(간자) 왼쪽네비게이션 가독성  */
.sm .title:hover, .sm .title { background: #EBEEEC; }
.sm .title { font-size: 15px; font-weight: bold; color: #7D7D7D; }
.sm .title a { padding: 0; margin: 0; color: #7D7D7D; }
.sm .current .narrow { letter-spacing: -1px; }

/** meta **/
.meta { width: 216px; _width: 225px;  float: left; margin: 5px 0 0 2px; _margin: 4px 0 0 0; }

.meta div {
  margin-bottom: 5px; border-color: #DBDBDB; background: #fff;
  width: 193px;
}
.meta div h3 { /*border-bottom: 1px dashed #B0B0B0;*/ padding: 5px 20px 0 !important; _padding: 2px 20px 0; }

/* shortcut */
 .meta .shortcut {
  padding-bottom: 3px; margin-bottom: 10px; width: 219px;
  margin-left: -2px; _width: 222px; _margin-left: 0px !important; overflow: auto;
 }
 
/*추가 영문,일문홈페이지 서브네비게이션 디자인깨짐  */
#en .meta .shortcut,
#ja .meta .shortcut { margin-bottom: 60px; overflow: visible; }

.meta .shortcut li { float: left; }
.meta .shortcut li a {
  background: url(../img/common/shortcut.gif) no-repeat; padding: 9px 0 0 12px;
  display: block; height: 36px; width: 97px; _width: 96px; color: #666; font-weight: bold; text-decoration: none;
}

#en .meta .shortcut li a { padding: 11px 0 0 12px; line-height: 11px; height: 34px; }
#ja .meta .shortcut li a { padding: 13px 0 0 12px; line-height: 13px; height: 30px; }
/* #ja .meta .shortcut .trial a { padding: 7px 30px 0 12px; height: 35px; width: 60px; } */

#ja .meta .shortcut .trial a { padding: 7px 30px 0 12px; height: 35px; width: 68px; _width: 69px;}

.meta .shortcut li a:hover { color: #B06373; }
.meta .shortcut .help { display: none; }
.meta .shortcut .trial a { background-position: -1px 0; }
.meta .shortcut .purchase a { background-position: -109px 0; }
.meta .shortcut .trial a:hover { background-position: -1px -45px; }
.meta .shortcut .purchase a:hover { background-position: -109px -45px; }

.shortcut .trial-overseas { display: block !important; }
.shortcut .trial-overseas a { width: 207px !important; background-position: 0 -175px !important; text-indent: 30px; }
.shortcut .trial-overseas a:hover { background-position: 0 -220px !important; }

#en .shortcut .trial-overseas a { padding-top: 13px !important; height: 30px !important; }
 

/* contact */
.meta .contact {
  margin: 10px 0 0 -2px; _margin: 10px 0 0 0; border: 1px solid #E3E3E3; padding: 0 10px; clear: both;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F7F6), to(#fff));
  background: -moz-linear-gradient(top, #F6F7F6, #fff);
  */
}

.meta .contact.no-line { border: 0; }
.meta .contact ul { padding: 0 0 12px 0; }
#en .meta .contact ul { padding: 0; } /* 추가 영문홈페이지 - 왼쪽서브네비게이션- 가독성 */
.meta .contact h3 { margin:0; padding-left: 0 !important; color: #333; }
.meta .contact span { display: inline-block; padding-bottom: 5px; color: #666; }
#ja .meta .contact span { letter-spacing: -1px; } /* 추가120118 일문홈페이지 - 왼쪽서브네비게이션- 가독성 */
.meta .contact a.arrow.right {
  background: url(../img/common/sc-arrow.gif) no-repeat right 12px;
  display: block; margin: 0; padding: 0;
  color: #676566; font-weight: bold; line-height: 30px;
}
#ja .meta .contact a.arrow.right { 
  background: url(../img/common/sc-arrow.gif) no-repeat right 6px; line-height: 22px; 
}/* 추가120118 일문홈페이지 - 왼쪽서브네비게이션- 가독성 */

.meta .contact a.arrow.right:hover { color: #AD0021; }
.meta .contact a.arrow.right.inquiry { border-bottom: 1px solid #E3E3E3; }
.meta .contact .contact-phone { float: left; display:inline-block; margin-bottom: 9px; }


/* follow */
.meta .follow {
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F8F7), to(#fff));
  background: -moz-linear-gradient(top, #F7F8F7, #fff);
}
.meta .follow ul { padding: 0 0 10px; text-align: center; }
.meta .follow li { display: inline-block; .float: left; }
.meta .follow li span { display: none; }
.meta .follow li:hover span { display: inline-block !important; }
.meta .follow li.focused span { display: inline-block; }
.meta .follow:hover li.focused span { display: none; }

.meta.aboutus { margin-top: 325px; }
#en .meta.aboutus { margin-top: 270px; }
#ja .meta.aboutus { margin-top: 260px; }
#zh-cn .meta.aboutus,
#zh-tw .meta.aboutus { margin-top: 275px; } /*추가120209 중문(간자,번자)홈페이지 고객지원센터 네비게이션 조절 */

.meta.solutions { margin-top: 237px; }
/*#en .meta.solutions { margin-top: 363px; }*/  
#en .meta.solutions { margin-top: 327px; }
#ja .meta.solutions { margin-top: 272px; }

#zh-cn .meta.solutions,
#zh-tw .meta.solutions { margin-top: 235px; }

.meta.remotecall { margin-top: 235px; }
#ko .meta.remotecall { margin-top: 354px; }
#ja .meta.remotecall { margin-top: 216px; }
#ja .meta.remotecall.mobile-pack { margin-top: 153px !important; }

.meta.remotehelp { margin-top: 150px; }
#ko .meta.remotehelp { margin-top: 210px; }
#ja .meta.remotehelp { margin-top: 103px; } /*추가120209 일문홈페이지 고객지원센터 네비게이션 조절 */ 

.meta.remoteview { margin-top: 177px; }
#ko .meta.remoteview { margin-top: 237px; }
#ja .meta.remoteview { margin-top: 187px; }
#en .meta.remoteview { margin-top: 196px; }

.meta.remotekvm,
.meta.remoteapi { margin-top: 120px; }

#ko .meta.remoteapi,
#ko .meta.remotekvm { margin-top: 135px; } 

#ja .meta.remotekvm,
#ja .meta.remoteapi { margin-top: 137px; }

.meta.mobizen { margin-top: 92px; }
.meta.remotemeeting { margin-top: 80px; }

.meta.solutions.rview .purchase,
.meta.solutions.rview .trial,
.meta.solutions.meeting .purchase,
.meta.solutions.meeting .trial,
.meta.support .inquiry,
.meta.remoteview .purchase,
.meta.remoteview .trial,
.meta.remotemeeting .purchase,
.meta.remotemeeting .trial,
.meta.remoteapi .purchase,
.meta.remoteapi .trial { display: none !important; }
.meta.solutions.rview .help,
.meta.remoteview .help { display: block !important; }
.meta.remotemeeting .contact { background: none; }
.meta.support { top: 320px; position: absolute; left: 0; }

#ja .meta.solutions.mobile-support,
#ja .meta.solutions.volume-helpdesk { margin-top: 245px !important; } /*추가120209 고객지원센터 네비게이션 조절 */

#share { width:325px; position: absolute; top: 150px; right: 32px; height:23px;line-height: 23px; color: #DBDBDB; }
#en #share,
#ja #share { right: 0; } /* 추가 영문,일문 홈페이지 - 제목과 겹침 */
#share a {color: #666; display:inline-block; padding-left:20px; text-decoration:underline; height:23px; }
#share a span {display: none; }
#shareMoreBtn {background:url('../img/common/share-others.gif') no-repeat 0 5px; margin-right:120px; }
#shareMoreBtn span { display: inline-block !important; background: none; position: absolute; top: 2px; left: -2px; }
#shareEmailBtn {background:url('../img/common/share-email.gif') no-repeat 0 7px;margin-right:15px; }
#printPageBtn {background:url('../img/common/share-print.gif') no-repeat 0 7px; }

#share ul {
  margin: 0 10px 0 5px; padding: 3px 12px 0 0; display: block; position: absolute;
  top :0; right: 140px; height: 20px; width:80px; vertical-align:middle;
  background: url('../img/common/bg-share-line.gif') no-repeat right;
}
#zh-cn #share ul,
#zh-tw #share ul { right: 155px; } 

#share ul li {
  display:block; width: 16px; height: 16px; float: left;
  vertical-align: middle; margin-right: 3px; overflow:hidden;
}

#share ul a {
  width: 16px; height: 16px; display:block; padding:0; background: url(../img/common/shares.gif) no-repeat; 
  .margin-top: 0; text-indent: 200px; overflow: hidden;
}

#share ul .facebook a { background-position: -18px -1px; }
#share ul .myspace a { background-position: -35px -1px; }
#share ul .google a { background-position: -52px -1px; }
#share ul .twitter a { background-position: -69px -1px; margin-right: 15px; }
#share ul .facebook a:hover { background-position: -18px -18px; }
#share ul .myspace a:hover { background-position: -35px -18px; }
#share ul .google a:hover { background-position: -52px -18px; }
#share ul .twitter a:hover { background-position: -69px -18px; }
#tweets p { word-wrap: break-word; margin-bottom: 4px; }
#tweets li { margin-bottom: 8px; }
#tweets span { color: #999; }

aside.label { position: absolute; top: 0; left: 0; }
aside.label h2 { font-size: 24px; line-height: 1.2; width: 200px; }
aside.label h2 span { color: #ad0021; }

/** products **/
.products h4 { color: #666; }
.tb-mobile-support tbody td { text-align:center; }

.subject { font-size: 18px !important; }
.message { font-size: 14px !important; color: #AD0021 !important; }
.font-red { margin-bottom:0px !important; color:#91001F; font-weight:normal; }

.how-to-use li { margin-bottom: 15px; }
.how-to-use li p.quote { margin-top: -10px; }
.how-to-use.call li {
  background: url(../img/products/how-it-works-arrow.gif) no-repeat center bottom;
  padding-bottom: 56px;
}
.how-to-use.call li .step { padding-bottom: 20px; height: auto; overflow: hidden; border-bottom: 1px solid #D6D6D6; background: #fff; *zoom: 1; }
.how-to-use.call li .step:after { display: block; content: " "; position: relative; }
.how-to-use.call li img { float: left; margin-right: 20px; }
.how-to-use.call li.last { background: none; }
.how-to-use.call li.last .step { border-bottom: none; }

.movie_list { padding-left: 25px; margin-bottom: 15px; }

.carousel.product {
  position: absolute; width: 530px; background: #fff; height: 430px; padding: 10px;
  border: 1px solid #d0d0d0; left: 320px; margin-top: 3px; overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); border-radius: 5px;
}
.carousel.product .wrap { top: 30px; left: 10px; height: 420px; width: 530px; }
.carousel.product .btn-popup-close { position: absolute; top: 10px; right: 15px; cursor: pointer; z-index: 100; }
.carousel.product ul li { text-align: center; width: 530px; }
.carousel.product ul li img { width: 403px; height: 324px; }
.carousel.product ul li span { display: block; width: 452px; padding: 20px 40px 0 40px; text-align: left; }
.carousel.product .arrow { height: 360px; margin: 0; padding: 0; width: 50px; }
.carousel.product .forward { background: #fff url(../img/products/btn_remoterc_shot_nxt.gif) no-repeat center center;  }
.carousel.product .back { background: #fff url(../img/products/btn_remoterc_shot_prw.gif) no-repeat center center; }

/** support **/
#bulletin { margin-bottom: 20px; }
.commandButtonContainer { text-align: right; border-top: 1px solid #DBDBDB; padding-top: 15px; }
.commandButtonContainer a { margin-left: 10px; }

.bulletin { padding-bottom: 20px; }
.bulletin h3 { font-size: 18px !important; }
.bulletin .text { background: #E8EBE4; border: 1px solid #A9ACA4; font-size: 12px; padding: 3px; }
.bulletin textarea { width: 533px; height: 400px; }
.bulletin label { display: block; width: 150px; font-weight: bold; }
.bulletin input.text { width: 535px; }
.bulletin .buttons { text-align: right; padding: 20px 0 10px; }
.bulletin .buttons input { margin-left: 10px; }

.img-recommend { float: left; margin-top: 32px; border:solid 1px #DBDBDB; }

.download-list { width: 732px; }
.download-list dt { padding-top: 40px; color: #323232; font-size: 14px; font-weight: bold; border-bottom: 1px solid #dbdbdb; }
.download-list dt.first-cell { padding-top: 0; }
.download-list dt img { margin-bottom: 10px; }
.download-list dd { border-bottom: 1px dotted #c2c2c2; }
.download-list dd ul { padding: 10px 0; }
.download-list dd ul li { padding: 5px 10px; }
.download-list dd ul li * { vertical-align: middle; }
.download-list dd ul li a { color: #ab6678; font-size: 14px; font-weight: bold; text-decoration: underline; }
.download-list dd ul li img { margin: 0 5px; }
.download-list dd ul li span { color: #888; font-size: 11px; }

/** about us **/
.about-us { position: relative; }
div.about-us p { margin-bottom:15px !important; }
div.about-us .top-title{ margin-bottom:20px !important; font-size:14px; font-weight:bold; color:#333; }
div.about-us img.left { display: inline-block; margin-right:29px; }
div.about-us img { display: block; }

ul.customers li { float:left; margin:10px 0 10px 0; }
ul.customers li.center { padding:0 35px 0 35px; }

ul.best-practice { margin-bottom:10px; overflow:hidden; height:auto; }
ul.best-practice li { display:inline-block; margin-bottom:10px; width:175px; font-weight:bold; color:#333;  }
ul.best-practice img { border:solid 1px #DBDBDB; }
ul.list-become-partner li { float:left; margin-bottom:26px; width:260px; }
/* ul.environment li { margin-bottom:12px; } */

ul.award { width: auto; height: auto; overflow: hidden; }
ul.award .item {
  float:left; display:inline; margin-bottom:15px; padding:0 0 15px 0; line-height:18px;
  width:357px; height:132px; border-bottom:dotted 1px #B1B1B1; overflow:hidden;
}
ul.rc.award .item { width:345px; }

ul.award .item.last-child { border-bottom: 0; }
ul.award .item.right { padding-left:15px; }
ul.award .item img { margin-right: 8px; width: 75px; height: 108px; border: solid 1px #DBDBDB; float: left; }
ul.award .item strong { font-size: 14px; color: #666; display: block; margin-bottom: 10px; }
ul.award .item .object { font-size:12px; margin-bottom:15px; }
ul.award .item .text {  width: 255px; display: block; overflow: auto; }
ul.award .item .text .target { margin-bottom: 10px; }

div.technology p { height: auto; overflow: hidden; }
div.technology .tech-list {
  display: inline-block; .float: left; margin:0 12px 15px 0; width:350px; height: 120px;
  list-style-type: square; vertical-align: top; overflow: hidden;
}
/*추가120112  [웹페이지_영문,중문(간체,번체),일문]회사소개>기술력> 기술내용 두줄 표기 수정  *폰트특성 크기가 한글과 영문과 다름*/
#en div.technology .tech-list,
#ja div.technology .tech-list,
#zh-tw div.technology .tech-list,
#zh-cn div.technology .tech-list { margin:0 10px 15px 0; height: 128px; } 

div.technology .tech1 { position: relative; }
div.technology .tech1:after { _clear: both; _content: ""; _display: block; } /*추가120214 일문,중문(간자,번자) IE6에서 vrvd소개 깨지는 현상 */
div.technology .tech1 span { position: absolute; top: 530px; left: 115px; display: inline-block; width: 265px; text-align: center; }
div.technology .tech1 img { margin-bottom: 20px; }

#en div.technology .tech1 img { margin-bottom: 70px; }/*추가120210 영문홈페이지 > 회사소개> 기술력 VRVD소개 가독성 */
#en div.technology .tech1 span,
#zh-cn div.technology .tech1 span,
#zh-tw div.technology .tech1 span { top: 510px; } 

div.technology .tech-list li {
  line-height:18px; background:url(../img/common/list-item-icon-square-gray.gif) no-repeat 85px 7px;
}
div.technology .tech-list li.title { height: 35px; list-style:none;  background:none; }
div.technology .tech-list li.thumb { float:left; margin-right:18px; height:120px; }
div.technology .tb-style { border:solid 2px #666666; border-left:0; border-right:0; }
div.technology .tb-style li { border:solid 1px #DBDBDB; border-left:0; border-right:0; border-top:0; line-height:30px; }
div.technology .tb-style li .non-border { border:0; }
div.technology .tb-style li date {float:left; padding-right:30px; }
div.technology .tb-style li a {float:right; padding-right:5px; }
div.technology .tb-style li .register,
div.technology .tb-style li .content,
div.technology .tb-style li .num,
div.technology .tb-style li .nation { display:inline-block; .float: left; }

div.technology .tb-style li .register { width:6%; }
div.technology .tb-style li .content { width:55%; }
div.technology .tb-style li .num { width:25%;  }
div.technology .tb-style li .nation {
  padding-left: 30px; line-height: 16px;
  background: url(../img/about-us/tech-nations.gif) no-repeat;
}
div.technology .tb-style li .nation.jp { background-position: 1px -1px; }
div.technology .tb-style li .nation.ko { background-position: 1px -17px; }
div.technology .tb-style li .nation.us { background-position: 1px -33px; }
div.technology .tb-style li .nation.ch { background-position: 1px -49px; }

div.technology .patents-thumb { margin:0 0 0 9px; }
div.technology .thumbnail{ float: left; margin:0 7px 10px 7px; border: solid 1px #DBDBDB; }
div.technology .floatClear { clear:both; }
.tech-download { margin-bottom: 10px; vertical-align: middle; }
.tech-download h3 { padding-bottom: 0 !important; }
.tech-download a.first { display: inline-block; margin-left: 14px; }


h3.year { font-size:26px !important; color:#666666; line-height:24px; }
.history { border:solid 2px #666666; border-left:0; border-right:0; }
.history li {
  position: relative; border: 0; border: solid 1px #B3B3B3; line-height:30px; padding-left: 80px;
}
.history li .non-border { border:0; }
.history li .date { padding:0 30px 0 5px; position: absolute; left: 5px; }

.about-overview-list { margin-bottom: 15px !important; }
.about-overview-list thead,
.about-overview-list tbody td { background:#fff !important; }
.about-overview-list thead th { text-align:left; padding-left:10px; }
.about-overview-list thead th:first-child { text-align:center; } /*수정120209 언어공통 회사명 center align 수정 */

.about-overview-list ul { margin:0 0 10px 30px !important; }
.about-overview-list ul li { list-style-image:url(../img/common/list-item-icon-square-gray.gif); list-style-type:square; }

.cibi-link { position:absolute; display:block; top: 5px; right:10px; }

.business-partner { margin-top:40px; height:70px; }
.business-partner strong { line-height:30px; }
.business-partner p { line-height:18px !important; }
.business-partner .logo { float:left; display:inline-block; .float: left; margin-right:15px; width:180px; text-align:center; }

.contant-rsupport { position:relative; margin-bottom:40px !important; height:350px; }
#en .contant-rsupport { letter-spacing: -1px; } /*추가 영문홈페이지 파트너 - 파트너프로그램 지사주소 깨짐 */
.contant-rsupport li { width: 350px; position:absolute; padding-left:10px; border-left:1px solid #eee; }
.contant-rsupport li.ko { top:0; left:0; border: 0; }
.contant-rsupport li.jp { top:0; right:0; }
.contant-rsupport li.usa { bottom:0; left:0; border: 0; }
#zh-cn .contant-rsupport li.usa,
#zh-tw .contant-rsupport li.usa { bottom: -21px; }

.contant-rsupport li.ch { bottom:0; right:0; }
.contant-rsupport dt { font-weight: bold; float: none }
#ja .contant-rsupport { height: auto; margin-bottom: 0 !important; } 
#ja .contant-rsupport.partner-program { height: 380px; } /*추가120210 회사소개> 파트너프로그램페이지 지사별소개 깨지는현상 수정 */

.partner { width: auto; overflow: hidden; }
.partner li { float:left; height:102px; margin: 0 17px 15px; border:solid 1px #dbdbdb; }
.partner li.first-child{ margin-left:0px; }
.partner.small li { float: left; width: 350px; height:41px; margin: 0 0 10px 0; padding-bottom:1px; border: 0; }
.partner.small:after { _content:""; _display:block; _clear:both; } /*추가120126  IE6 웹페이지공통> 회사소개> 파트너사 리스트 디자인깨지는현상 */

#en .partner.small li { height: 60px; _overflow: hidden; } 
#ja .partner.small li { height: 143px; _overflow: hidden; } /*수정120209 영문,일문홈페이지 회사소개>파트너쉽안내>파트너사 파트너리스트 가독성 */

.partner.small li img { float: left; margin-right: 10px; border:solid 1px #dbdbdb; }
#en .partner.small li img,
#ja .partner.small li img { margin: 0 10px 10px 0; } /* 영문,일문홈페이지 회사소개>파트너쉽안내>파트너사 파트너리스트 가독성 */

.partner.small li strong { display: block; }
#ja .partner.small li strong { display: block; padding-top: 35px; } /*추가120209 일문홈페이지 회사소개>파트너쉽안내>파트너사 파트너리스트 가독성 */
.strategic-partner dt {
	float: none; clear: left; margin-left: 129px; _margin-left: 132px; 
	width: 140px; font-weight: bold; padding-top: 16px;
}

#ja .strategic-partner dt,
#zh-tw .strategic-partner dt { width: 155px; } /*추가120203 일문,중문(번자)홈페이지 > 회사소개> 파트너안내 파트너제목 두줄표시 수정*/

.strategic-partner dd { margin-left: 100px; }
.strategic-partner .partner-image { float:left; margin: -40px 0 0 -12px; padding:0; background: #eef; }
.strategic-partner .desc { margin-bottom: 50px; _margin-bottom: 20px; }
#map { border: 1px solid #dadcd9; }

.cibi { float: left; width: 720px; padding: 5px 0 45px 0; }
.cibi * { vertical-align: middle; }
.cibi img { float: left; margin-right: 10px; }
.cibi ul { margin-left: 100px; }
.cibi li { background:url(../img/common/list-item-icon-square-gray.gif) no-repeat scroll 0 8px; padding-left:10px; }

.recruit ul { margin-left: 10px !important; }
.recruit-info {
  position: relative; top: 0; margin-top: 10px;
  background: url(../img/about-us/bg-recruit-category-line.gif) repeat-x 0 31px;
}
.recruit-info section { width: 722px; height: auto; overflow: hidden; }
.recruit-info h4 { padding: 0; }
.recruit-info h4 a {
  position: absolute; top: 0; display: inline-block; height: 25px; padding-top: 5px;
  margin-bottom: 10px; text-align: center; color: #989898; background-color: #f8f8f8;
  border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;
}
.recruit-info h4 a.on {
  color: #333; border-left: 1px solid #333; border-right: 1px solid #333;
  border-top: 1px solid #333;  border-bottom: 1px solid #fff; background-color: #fff;
}
#category-planning div, #category-marketing div, #category-business div { display: none; }
#category-IT div, #category-planning div, #category-marketing div, #category-business div { padding-top: 40px; }
#category-IT h4 a { margin-left: 0; width: 110px; }
#category-planning h4 a { margin-left: 112px; width: 90px; }
#category-marketing h4 a { margin-left: 204px; width: 155px; }
#category-business h4 a { margin-left: 204px; width: 110px; }
.recruit-info h5 { margin-bottom: 5px; }
.recruit-info dl {
  width: 722px; height: auto; overflow: hidden; margin-bottom: 30px;
  border-top: 1px solid #d9d9d9; background: url(../img/about-us/bg-recruit-info.gif) repeat-y 0 0;
}

.recruit-info dl dt { width: 120px; padding-top: 15px; margin-bottom: -24px; color: #333; text-align: center; font-weight: bold; }
.recruit-info dl dd { width: 560px; padding: 0 20px 15px 140px; border-bottom: 1px solid #d9d9d9; }
.recruit-info dl dd ul { width: 500px; margin-bottom: 0; }
.recruit-info dl dd ul li ul{ margin:0; }
.recruit-info dl dd ul li ul li{ padding-left:1px; background:none; }

.recruit dl.custom-dl{ margin:0 0 20px 15px; }
.recruit dl.custom-dl dt{ font-weight:bold; margin-bottom: 5px; } /*수정120210 한글홈페이지 회사소개> 인재채용페이지 채용절차 가독성*/
.recruit dl.custom-dl dd{ padding-left:20px; background:url(../img/common/list-item-icon-square-gray.gif) no-repeat 10px 8px; }
.recruit dl.custom-dl dd.section{ margin-bottom:10px; }
.recruit tr td { background-color: white; }
.recruit tr.odd td { background-color: #f7f7f7; }

.recruit-info section { display: none; }
.recruit-info section.on { display: block; }
.recruit-info .longspace-left { padding-left: 28px; }
.recruit-info .shortspace-left { padding-left: 12px; }
#recruit-info th { vertical-align: middle; background-color: #f7f7f7; }

.recruit .margin-left{margin-left:15px; }
.rsupport-column { border-bottom: 1px solid #DFDBCC; margin-bottom: 10px; padding: 10px 5px; height:25px; overflow:hidden; position:relative; }
.rsupport-column strong { color: #333; font-size: 14px; }
.rsupport-column span { position:absolute; right:3px; color: #d1d1d1; }
.rsupport-column span a { color: #343434; text-decoration: none; }
.rsupport-column span .selected { color: #ae6475; font-weight: bold; text-decoration: underline; }

.rsupport-column-list { width: auto; height: auto; overflow: hidden; }
.rsupport-column-list .item { float: left; margin-bottom: 15px; padding: 0 10px 15px 0; line-height: 18px; width: 340px; height: 132px; }
.rsupport-column-list .item.Rimg { padding-left: 15px; }
.rsupport-column-list .item a img { float: left; margin-right: 8px; width: 72px; height: 72px; vertical-align: -28px; border: solid 1px #DBDBDB; }
.rsupport-column-list .item span { display: block; overflow: hidden; }
.rsupport-column-list .item span * { float: left; vertical-align: middle; }
.rsupport-column-list .item span strong { display: inline-block; padding-right: 5px; font-size:14px; color: #333; }
.rsupport-column-list .item span a img { width: 16px; height: 16px; border: 0; margin: 0 2px; }
.rsupport-column-list .item .object { font-size:12px; margin-bottom:15px; }
.rsupport-column-list .item .text { display:inline-block; width: 220px; .float: left; }
.rsupport-column-list .item .more { text-align: right; }
.rsupport-column-list .item .circle { clear: both; }
.rsupport-column-list .item .circle li time { float: right; }

#aboutArticle{ width:729px; padding:0; _margin-left:232px !important; overflow-x:hidden !important; }

/* 크롬 테이블 스타일 오류 처리  */
table.technology { border-top: 0; }
table.technology .first td { border-top: solid 2px #666 !important; }
.historyTable .status { width: 55px; }
#en .historyTable .status { width: 100px; }
.historyTable .title { width: 440px; }
#en .historyTable .title { width: 390px; }
.historyTable .num { width: 126px; }
#en .historyTable .num { width: 150px; }

.historyTable caption{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; text-indent:-999%; padding:0; overflow:hidden; font-size:0; line-height:0; }
.historyTable td, .historyTable th{ border-bottom:1px solid #b3b3b3 !important; background-color:#fff !important; padding:4px 10px; }
#en .historyTable td { padding:4px 0 !important; } /*추가120210 영문홈페이지 회사소개>기술력 가독성 수정 */
.historyTable th{ font-weight:normal; text-align:left; line-height:1; }
.historyTable .nation { display:inline-block; padding-left: 30px; line-height: 16px; background: url(../img/about-us/tech-nations.gif) no-repeat; }
.historyTable .nation.jp { background-position: 1px -1px; }
.historyTable .nation.ko { background-position: 1px -17px; }
.historyTable .nation.us { background-position: 1px -33px; }
.historyTable .nation.ch { background-position: 1px -49px; }

.aboutUsWrap h2{ _margin-left:234px !important; }
dl.custum-dl { margin-bottom:30px; clear: both; }
dl.custum-dl dt { float: none !important; font-weight: bold; font-size: 14px; padding: 4px 0; width: 100%; }
dl.custum-dl dd { padding-left:18px;background:url(../img/common/list-item-icon-square-gray.gif) no-repeat 10px 8px; }
.welfare-list{margin-left:2px; }
.welfare-list li.welfare-section {
  width: 104px; height:120px; float: left; overflow: hidden; padding: 95px 20px 0;
  font-size: 11px; letter-spacing:-1px; border-left:1px solid #eee; background: #fff no-repeat center top;
}

.welfare-list li.sec-basic{ background-image:url(../img/about-us/welfare-1.gif); border:0; }
.welfare-list li.sec-welfare{ background-image:url(../img/about-us/welfare-2.gif); }
.welfare-list li.sec-famliy{ background-image:url(../img/about-us/welfare-3.gif); }
.welfare-list li.sec-culture{ background-image:url(../img/about-us/welfare-4.gif); }
.welfare-list li.sec-education{ background-image:url(../img/about-us/welfare-5.gif); }
.welfare-section *{padding-left:8px; }
.welfare-section ul{padding:0; }
.welfare-section li{background:url(../img/common/list-item-icon-square-gray.gif) no-repeat 2px 7px; }
.aboutUsWrap cite{font-style:normal; }
.aboutUsWrap .big-img{*margin-top:-1px; }

/*추가120407 일문홈페이지 채용관련 css구성   */

#ja .recruit-list li { overflow: hidden; }
#ja .recruit-list li:after { _display: block; _content: ""; _clear: both;   }
#ja .recruit-list .recruit-title {
  float: left; display: inline-block; _display: inline; width: 60px; 
  margin: 0 15px 15px 0; *margin: 0 15px 1px 0; _zoom: 1;
  }
#ja .recruit-list .final { width: 100px; }
#ja .recruit-list .circle { *margin: 0; }
#ja .recruit-list .circle li { margin-bottom: 10px; *margin-bottom: 0; *zoom: 1; }
#ja .recruit-list ul { *margin: 0; }

/* search */
.post-search { display: block; padding:5px 0; }
.post-search legend { display: inline; position: absolute; top: 0; left: 0; text-indent: -10000px; width: 0; height: 0; line-height: 0; }
.post-search label { padding: 0 0 0 15px; line-height: 20px; color: #666; }
.post-search select { color: #999999; }
.post-search img { margin: 0 3px; }
.post-search img,
.post-search input,
.post-search select,
.post-search button { vertical-align:middle; font-size: 12px; }
.post-search .date { width: 60px; font-size: 11px; }
.post-search .search-key { width: 140px; margin-left: 10px; }
.post-search .btn, .posts-search .btn:hover {
  background: transparent url(../img/support/bg-btn-search.gif) repeat-y center center;
  height: 23px !important; color: #fff; border:1px solid #B3B3B3; border-radius: 3px;
}
.post-search input, .posts-search select { padding: 1px 4px; color: #696969; border: 1px solid #D8D8D8; }

/* board - list */
.list .current,
.list dl:hover,
.list tr:hover { background: #E8F2F3; }
.list { width: 730px; padding: 0 0 30px 0; overflow: hidden; }
.list table { width: 100%; line-height: 30px; border-top: 2px solid #333; border-bottom: 1px inset #AEAEAE; }
/*.list table tr:hover { background-color: #e9f3f4; }*/
.list table th { color: #656565; border-bottom: 1px solid #AEAEAE; background-color: #F8F8F8; }
.list table td { text-align: center; border-bottom: 1px solid #EAEAEA; }
.list table td a.notice { font-weight: bold; }
.list table td img { margin: 0 4px; vertical-align: middle; }
.list table .title { padding: 0 0 0 20px; color: #333; text-align: left; line-height: 22px; }
.list table .title a { color: #333; }
.list table .title span { cursor: pointer; }
.list table .num { width: 50px; }
.list table .type { width: 50px; }
.list table .date { width: 100px !important; font-size: 11px; }
.list table .count { width: 65px; }
.list table .category { width: 100px; }

.list table .hot .title a { font-weight: bold; }
.list table .hot .num { text-indent: -300px; background: url(../img/support/hot.gif) no-repeat center center; }

.faqFocus td { border-top: 2px solid #AEAEAE; }
.faqFocus td span { font-weight: bold; }
.faqFocus, .faqFocus:hover, .faqBody, .faqBody:hover { background: #F8F8F8 !important; }
.faqBody { border-bottom: 2px solid #AEAEAE; }
.faqBody td { text-align: left !important; padding-left: 20px; width: auto; }

/* board - view */
.view {
  width: 730px; padding: 0 0 30px 0; margin-bottom: 30px; overflow: hidden;
  background: transparent url(../img/common/bg-view-bottom.gif) repeat-x left bottom;
}
.view h1 { padding: 8px 23px; color: #333; border-top: 2px solid #333; border-bottom: 1px solid #AEAEAE; background-color: #F8F8F8; }
.view * a { color: #AE6473; text-decoration: underline; }
.view .view-info { display: block; overflow: hidden; height:22px; position:relative; padding: 6px 23px; border-bottom: 1px solid #EAEAEA; }
.view .view-info .origin { position:absolute; left:23px; top:8px; }
.view .view-info .date { position:absolute; right:23px; top:8px; }
.view .file { display: block; padding: 6px 23px; }
.view article { width:684px; margin: 10px 23px !important;  line-height: 18px; }
.view .delivery { float: right; margin: 10px 23px 0 0; }
.view .delivery * { vertical-align: middle; }

/* board */
#aspnetForm .required-items { padding: 0 20px 0 0; margin: 0 !important; text-align: right; font-weight: normal; }
#aspnetForm .required-items span { padding-right: 3px; color: #AD0020; }


#regist-type-table { border-top: solid 2px #000; width: 100%; }
#regist-type-table th { 
  width: 120px; padding-right: 15px; border-right: solid 1px #ADADAD; background: #F8F8F8; text-align: right;
  border-bottom: solid 1px #D7D7D7; padding: 9px 15px 9px 0; vertical-align: top;
}

#ja #regist-type-table th { padding: 9px 7px 9px 0; } /* 추가120202 일문홈페이지>온라인문의> 테이블두줄로표기 되는현상 */

#regist-type-table th .star-bullet { color: #ad0020; padding-right: 3px; }
#regist-type-table td { padding: 7px 12px 7px 10px; border-bottom: solid 1px #D7D7D7; }
#regist-type-table td select,
#regist-type-table td input { border: solid 1px #D8D8D8; }
#regist-type-table td input { padding: 1px 4px; } 
#regist-type-table .radio { vertical-align: top; margin-right: 0 !important; }
#regist-type-table td .tip { margin-bottom: 0; }
#regist-type-table .info-input-tip #chkAgree { width: 14px !important; }
#regist-type-table .tax { margin-bottom: 0; color: #AD0021; }

.online-inquiry span.error-msg { width: 580px; }
.online-inquiry #Question { 
	padding: 1px 4px; border: solid 1px #D8D8D8; font-size: 12px; width: 572px; height: 60px; 
}

/* 고객지원 > 온라인문의 게시판  */
.td-upload { position: relative; padding-bottom: 12px !important;}
.upload-caution { display: block; overflow: hidden;}

.uploadform { display: inline-block; *display: inline; width:552px; }
.uploadform .upload-file { width: 450px; }
.uploadform.error-msg { border: 1px solid red; }
.uploadform span.error-msg { display:none !important;}

.td-upload .file {
   clear:both; display: inline-block; text-indent: -9999px; width: 25px; height: 25px; *height: 23px; *margin-bottom: 2px;
   background: url(../img/common/btn-fileset.gif) no-repeat; cursor: pointer;
}
.td-upload .file.add {
   background-position:0 0;
}
.td-upload .file.minus {
   background-position:0 -27px;
}

/* board - btns */
.list-btns, .view-btns { display: block; width: 730px; margin: 10px 0; text-align: right; }
.list-btns *, .view-btns * { vertical-align: middle; }
.list-btns .btn {
  display: inline-block; width: auto; height: auto; overflow: hidden; padding: 2px 4px;
  margin-left:3px; font:12px/14px dotum; color:#656565; text-decoration: none;
  border:1px solid #C7C7C7; background: transparent url(../img/common/bg-btn.gif) repeat-x 0 0;
}
.list-btns .btn:hover { color: #343434; background: #E8E8E8 none; border: 1px solid #CA486A; }
.buttons-center { line-height: 1.9em; }

/* popup */
.popup { position: relative; display: inline-block; padding: 30px 10px 10px 10px; text-align: center; border: 1px solid #D0D0D0; }
.popup p { color: #626262; }
.popup p strong { color: #333; }
.popup .btn-close { position: absolute; top: 10px; right: 10px; }
.popup .btn-confirm {
  display: inline-block; padding: 0 6px; margin-top: 5px; color: #fff; border: 1px solid #9D9D9D; border-radius: 3px; background-color: #A7A7A7;
}
.popup .btn-confirm:hover { text-decoration: none; }

/* event */
.event { width: 730px; overflow: hidden; margin-bottom: 10px; }
.event dl { position: relative; clear: both; width: 730px; height: auto; overflow: hidden; padding: 20px 0 15px 0; border-bottom: 1px dotted #C1C1C1; }
.event dl:hover, .event dl.current { background-color: #e9f3f4; }
.event dl dt { float: right; width: 590px; padding-bottom: 3px; }
.event dl dt a { color: #333; font-weight: bold; font-size: 14px; }
.event dl dt .num { position: absolute; top: 60px; left: 0px; width: 20px; font-size: 14px; text-align: center; }
.event dl dd.photo { float: left; width: 130px; height: auto; padding-left: 10px; }
.event dl dd.photo a { display: inline-block; margin: 0 0 0 10px; border: 1px solid #CECECE; background-color: #E4E4E4; }
.event dl dd.photo a img { width: 100px; height: 100px; vertical-align: top; }
.event dl dd.report { float: right; width: 590px; color: #D1D1D1; }
.event dl dd.report p { margin: 0 0 10px 0; line-height: 18px; }
.event dl dd.report p a { color: #666; }
.event dl dd.report span { color: #888; }
.event dl dd.report .origin a { color: #AD6676; text-decoration: underline; }

/* RemoteMeeting */
.remotemeeting-effect td,
.compare-mobile td { text-align: center; }

/* RemoteKVM */
ul.side-imgguide { display: inline-block; width: 101px; }
ul.side-imgguide li { overflow: hidden; padding: 0 !important; margin-bottom: 9px; }
ul.side-imgguide li img { border : 1px solid #cccccc; }
ul.side-imgguide li img:hover  { border : 1px solid #910000; }
ul.side-imgguide .on img { border-color: #910000; }

ul.how-moniter-kvm { display: inline-block; width: 200px; }
ul.how-moniter-kvm li { padding: 0 !important; margin: 0 10px 9px 0; display: inline-block; *display: inline; *zoom: 1; }
ul.how-moniter-kvm li img { border : 1px solid #cccccc; }
ul.how-moniter-kvm li img:hover  { border : 1px solid #910000; }
ul.how-moniter-kvm .on img { border-color: #910000; }
#img-howsetkvm,
#img-moniterkvm { border: 1px solid #CCCCCC; }

/* Event - Reply.Ver */ 
#replyevent-form tr:hover { background-color: White !important; }
#replyevent-talk tr:hover { background-color: White !important; }

#replyevent-form th .star-bullet { color: #ad0020; padding-right: 3px; }
#replyevent-form td { padding: 7px 12px 7px 10px; border-bottom: solid 1px #D7D7D7; text-align: left !important; }
#replyevent-form td select,
#replyevent-form td input { border: solid 1px #D8D8D8; }        
#replyevent-form td input { padding: 1px 4px; margin: 3px 10px 8px 0; }

#replyevent-form td .tip { margin-bottom: 0; }
#replyevent-form .tax { margin-bottom: 0; color: #AD0021; }
#replyevent-form .buttons-center { margin-top: 15px !important; }
#replyevent-form #chkAgree { width: 20px;}
#replyevent-form span.error-msg { float: left !important; clear: both; width: 100% !important; }
#replyevent-form span.error-msg span { float: none !important; }
#replyevent-form .info-input-tip { padding: 20px 0; position: relative; text-align: center; }
#replyevent-form .info-input-tip a { color: #ad0021; }
#replyevent-form .iptChk { position: relative; }

#eventTalk td .btn-del { background: url(../img/common/arrow.gif) no-repeat 0 10px; display: inline-block; }
#replyevent-talk { margin: 70px 0 65px 0 ; position: relative; *z-index: 1; }
#replyevent-talk td { 
  vertical-align: middle !important; overflow: hidden !important; 
  word-wrap:break-word; word-break:break-all;
}
#replyevent-talk .event-content { display: inline-block; float: left; width: 90%; padding-top: 5px; text-align: left; }
#replyevent-talk .comment-delete { 
  text-indent: -9999px; border: none; overflow: hidden; cursor: pointer; *width: 20px !important;
  background: url(../img/common/btn-popup-close.gif) no-repeat 0 4px;  display: inline-block; float: left;
  margin: 5px 0 0 20px;
}
#replyevent-talk #deleteEmail { width: 185px; }
#replyevent-talk .page-nav a { text-decoration: none !important; }
#replyevent-talk #submitPassword { margin-top: 10px; line-height: 1.7em !important; }
#replyevent-talk .dialog-top { color: Red; overflow: hidden; clear: both;}
#replyevent-talk .dialog-input { margin:0 20px 20px 20px; }
#replyevent-talk .btn-cancel { 
  float: right; right: 0; text-indent: -99999px; width: 20px; cursor: pointer;
  background: url(../img/common/btn-popup-close.gif) no-repeat 0 4px; 
}
#deleteDialog { 
  position: absolute; width: 350px; left: 197px; z-index: 100 !important; background: white; 
  border: 1px solid black !important;
}
#deleteDialog span { padding-left: 18px; font-size: 11px; }

/* Mobizen*/
.bottomspace { margin-bottom: 40px !important; *margin-bottom: 20px !important; }
.list-wall .left { margin-right: 15px; }
.list-wall .right { margin-left: 15px; }

.navi-tab:after { display: block; content: ""; clear: both; } 
.navi-tab li {
  float: left; display: inline-block; border: 1px solid #838383;  
  font-size: 14px; font-weight: bold; background: #bbbbbb; margin-top : 2px; border-top-color: black;
}

.navi-tab li a,
.navi-tab li span { display: block; padding: 4px 58px; color: white; text-decoration: none; cursor: pointer; }

.navi-tab.light li a,
.navi-tab.light li span { padding: 4px 12px; font-size: 12px; }
.navi-tab.middle li a,
.navi-tab.middle li span { padding: 4px 22px; font-size: 12px; }
.navi-tab.larger li a,
.navi-tab.larger li span { padding: 4px 33px; font-size: 12px; }
.navi-tab.wide li a,
.navi-tab.wide li span { padding: 4px 88px; font-size: 12px; }

#en .navi-tab.larger li span { padding: 4px 14px; }
#ja .navi-tab.larger li span { padding: 4px 28px; }
#zh-cn .navi-tab.larger li span,
#zh-tw .navi-tab.larger li span { padding: 4px 68px; }

#en .navi-tab.wide li span { padding: 4px 50px; }
#zh-cn .navi-tab.wide li span,
#zh-tw .navi-tab.wide li span { padding: 4px 87px; }

.navi-tab .on { background: white; margin-top : 0; border-top: 3px solid black; border-bottom-width : 0;  }
.navi-tab .on a { color: black; }
.navi-tab .on span { color: black; }

.mobizen-cartoon { overflow: hidden; _margin-top: 20px !important; }
.mobizen-cartoon:after { display: block; content: ""; clear: both; } 
.mobizen-cartoon li {
   float: left; display: inline-block; padding: 0 0 0 185px; margin-bottom: 20px; width: 170px; height: 100px; 
   background: url(../img/products/mobizen-cartoon.gif) no-repeat;
}
.mobizen-cartoon li:after { display: block; content: ""; clear: both; } 
.mobizen-cartoon .cartoon-wifi { background-position: 0 0; }
.mobizen-cartoon .cartoon-notebook { background-position: 0 -98px; }
.mobizen-cartoon .cartoon-moblie { background-position: 0 -199px; }
.mobizen-cartoon .cartoon-moniter { background-position: 0 -300px; }
.mobizen-cartoon li p { display: inline-block; font-size: 11px; margin: 8px 0 !important; _margin: 5px 0 !important; }

.list-dl { margin: 5px 0 10px 57px; }
.list-dl dt.dot {
	width: auto !important; padding-left: 10px; background: url(../img/common/list-item-icon-square-gray.gif) no-repeat 0 9px;
} 
.list-dl dt.range { width: 97px !important; _width: 95px !important;  }
.list-dl dd { padding-left: 2px; }

.list-ol { position: relative; padding-left: 20px; margin: 0 0 0 5px; }
.list-ol li { margin-bottom: 10px; }
.list-ol .dialog-opener {
  position: absolute; top: 0; right: 0; text-indent: -9999px; width: 160px; height: 172px;
  background: url(../img/products/btn-mobizenmovie.gif) no-repeat; 
}

.btn-mobizenlist { margin-top: 40px; line-height: 1.5em !important; text-align: center;  }
.button.normal { margin: 0 5px !important;}

.mobilink {
  font-size: 15px; padding: 8px 0 5px 37px; *padding: 10px 0 5px 37px; letter-spacing: -2px; text-decoration: none; color: #666666;
  background: url(../img/products/btn-mobizenlinks.gif) no-repeat top left;
}

.mobilink:hover { text-decoration: none !important; color: #666666 !important;  }

.com { background-position: 0px 2px; }
.blog { background-position: 0px -29px; }
.facebook { background-position: 0px -57px; }

.list-supportos { overflow: hidden; _overflow: visible !important; margin-bottom: 70px !important; }
.list-supportos:after { display: block; clear: both; content:"";  }
.list-supportos li {
  float: left; display: inline-block; width: 102px; height: 102px; margin-right: 15px;
  background: url(../img/products/list-access.gif) no-repeat; text-indent: -9999px;
}

.list-supportos .windows { background-position: 0 0; }
.list-supportos .linux { background-position: 0 -102px; }
.list-supportos .apple { background-position: 0 -204px; }
.list-supportos .android { background-position: 0 -306px; }
.list-supportos .windowsmobile { background-position: 0 -408px; }
.list-supportos .windowsphone { background-position: 0 -510px; }

.review-left { overflow: hidden; width: 450px; *width: 440px; padding-right: 20px; margin-bottom: 70px; }
.review-right { overflow: hidden; width: 220px;  padding-right: 20px; margin-bottom: 70px; }

.review-left.vrvd { padding: 0 275px 0 0; background: url(../img/products/img-about-tech01-ko.gif) no-repeat 463px 0; }
.review-left.ics { padding: 0 300px 0 0; background: url(../img/products/preview-ics.gif) no-repeat 475px 13px; }
.review-left.custombuilt  { padding: 0 275px 0 0; background: url(../img/products/preview-naversupport.gif) no-repeat 463px 15px; }
.review-right.globalize { padding: 0 0 22px 465px; background: url(../img/products/img_product_mobile_f03.gif) no-repeat 0 0; }

.contents table td .chk-yes, .about-us table td .chk-yes {
  display: block; width: 16px; height: 15px; margin-left: 37%; *margin-left: 15px; text-indent: -9999px; 
  background: url(../img/common/check.gif) no-repeat 0 0; _background: url(../img/common/check.gif) no-repeat 0 6px; 
  }
.contents table td .chk-no, .about-us table td .chk-no {
   display: block;  width: 16px; height: 15px; text-indent: -9999px; 
   background: url(../img/common/check.gif) no-repeat 0 -14px;
}
.os-support tbody td { vertical-align: middle; }

.combo-block  { overflow : hidden; }
.combo-block li { display: inline-block; float: left; }
.combo-block .two { width: 322px; margin-right: 40px; }
.combo-block .two.last { margin-right: 0; }
.combo-block .three { width: 185px; margin-right: 50px; }
.combo-block .three.last { margin-right: 0; }
.combo-block .three.last:after { content: ""; display: block; clear: both; }

 .wol-threecombo { _overflow: hidden; _height: 280px; padding: 7px 14px; margin: 10px 0 30px 0; background: #EEEEEE; }
 .wol-twocombo { _overflow: hidden; _height: 128px; padding: 7px 14px; margin: 10px 0 30px 0; background: #EEEEEE; }

.combo-block ul { overflow : hidden; list-style: none outside circle !important; }
.space-nobottom li { padding: 7px 0 7px 100px; margin-bottom: 15px; border: none; background: url(../img/products/wol-list.gif) no-repeat 0 0;  }
.space-nobottom li p { margin-bottom: 0px !important; }
.space-nobottom .wol-grape { background-position: 0 5px; }
#en .space-nobottom .wol-grape,
#zh-cn .space-nobottom .wol-grape,
#zh-tw .space-nobottom .wol-grape { padding-bottom: 21px; }

.space-nobottom .wol-economic { background-position: 0 -70px; }
#zh-cn .space-nobottom .wol-economic,
#zh-tw .space-nobottom .wol-economic { padding-bottom: 26px; }

.space-nobottom .wol-always { background-position: 0 -150px; }
#zh-cn .space-nobottom .wol-economic,
#zh-tw .space-nobottom .wol-economic { padding-bottom: 26px; }

.wol-guide { position: relative; }
.wol-guide img { margin: 15px 0 50px 0; }
.wol-guide p { display: inline-block; position: absolute; }

.basic li { border: none; margin: 0; padding: 0; }

.button-download {
  display: inline-block; position: relative; overflow: hidden; width: 170px; height: 70px; padding: 10px 10px 0px 43px; border-radius: 3px; box-shadow : 1px 1px 3px #BBBBBB;
  background: url(../img/common/icon-pdf.gif) no-repeat 8px 10px ; border: 1px solid #cdcdcd; margin-right: 16px; text-align: left; color: #666666;
}
#en .button-download { height: 88px; }

.button-download:hover { text-decoration: none; color: inherit; border-color: black; }
.button-download.last { margin: 0;}
.button-download span { display: block; position: absolute; bottom: 10px; right: 11px; color: red; }

#event-wrapper * { line-height:normal; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
#event-wrapper *:hover { background: none; }

.page-hero { position: relative; padding: 15px 15px 10px 15px; margin-bottom: 30px; border: 1px solid #c7c7c7; } 
#ja .page-hero { padding-bottom: 35px; }
#ja .page-hero.support-os,
#ja .page-hero.os { padding-bottom: 10px; }
.page-hero .info { line-height: 20px !important; }
.page-hero h3 { margin-bottom: 3px; line-height: 24px; font-size: 20px !important; }
.page-hero h3.titleonly { padding-left: 35px !important; margin: 25px 0 50px 0px; }
#en .page-hero h3.titleonly { margin: 25px 0 37px 0px; }
#ja .page-hero h3.titleonly { margin: 25px 0 10px 0px; }
.page-hero a { padding-right: 20px; font-weight: bold; color: #666; background: url(../img/common/sc-arrow.gif) no-repeat 104px 2px; text-decoration: none; }
.page-hero span { color: #666; font-weight: bold; }
.page-hero ul { margin-bottom: 0; }
#en .page-hero a { background-position: 195px 2px; }
#zh-cn .page-hero a,
#zh-tw .page-hero a { background-position: 87px 2px; }
#en .page-hero.os a { padding-right: 0px; }

.page-hero .product-hero { display: inline-block; position: absolute; top: 10px; right: 60px; }
.page-hero .upgrade-product {
  display: inline-block; position: absolute; top: -12px; right: 57px; padding: 138px 133px 48px 0; 
  background: url(../img/products/rc_upgrade_intro.gif) no-repeat 73px 12px transparent; font-weight: bold;
}

#en .page-hero .upgrade-product { right: -51px; padding: 138px 170px 48px 0; background-position: 160px 12px; }
#zh-cn .page-hero .upgrade-product,
#zh-tw .page-hero .upgrade-product { right: 79px; }

.page-imginformation a {
  display: inline-block; padding-right: 15px; margin: 0 0 5px 620px; 
  background: url(../img/common/sc-arrow.gif) no-repeat right 6px; font-weight: bold; color: #666; text-decoration: none; 
}
#en .page-imginformation a { margin: 0 0 5px 582px; }

.list-vertically { overflow: hidden; margin-bottom: 0 !important; }
.list-vertically li { display: inline-block; width: 200px; height: 340px; padding-right: 15px; margin-right: 15px; border-right: 1px dashed #c7c7c7; float: left; }
#en .list-vertically li { height: 520px; }
#en .list-vertically.ex li { height: 450px; }
#zh-cn .list-vertically li,
#zh-tw .list-vertically li { height: 285px; }

.list-vertically li.moreusable { border-right: none; }
.list-vertically a { clear: both; display: block; content: ""; }
.list-vertically h3 { font-size: 18px !important; }
.list-vertically strong { font-weight: normal; }
.list-vertically mark { background-color: transparent; color: #666; font-weight: bold; font-style: normal; }
.list-vertically span { display: block; padding-bottom: 95px; background: url(../img/products/list-rcfeature.gif) no-repeat; text-indent: -9999px; }
.list-vertically.ex span { display: block; padding-bottom: 95px; background: url(../img/products/list-rcfeature-ex.gif) no-repeat; text-indent: -9999px; }
.list-vertically .morefast span { background-position: 0px 5px; }
.list-vertically .moreeasy span { background-position: 0px -118px; }
.list-vertically .moreusable span { background-position: 0px -234px; }

.recruit-pagehero img { border: 2px solid #e6e6e6; }
.recruit-pagehero .mainlink { color: #323232;}
.recruit-btn { float: right; display: block; margin-right: 39px; font-weight: bold; }

/* survey */
#survey-form { padding: 20px; *padding: 40px; *margin-top: -40px; }
#survey-form fieldset { margin-bottom: 50px; }
#survey-form ol li { margin-bottom: 20px; }
#survey-form .vertical-list li { display: block; margin-bottom: 10px;  }
#survey-form ul li { display: inline-block; *display: inline;  }
#survey-form .form-tip { display: inline-block; position: absolute; margin: 10px; }
#survey-form span.error-msg { float: none; position: absolute; width: auto; right: 380px; }
#survey-form .chk-repeatlist span.error-msg  { right: 320px; }
#survey-form .textarea span.error-msg  { right: auto; }
#survey-form .survey-textform { padding: 20px 40px; margin: 20px 100px 50px 0; border: 1px solid black; border-radius: 5px; }
.survey-content .success {
  padding: 50px 30px; margin: 135px 210px; *margin: 75px 210px; border: 1px solid black; border-radius: 5px; 
  text-align: center; font-weight: bold; 
}
.survey-content { *top: -90px; }

#test-img { float: left; padding-right: 30px; }
#test-ex img { width: 150px; height: auto; border: 2px solid #666; }
#test-ex a { display:inline-block; width: 150px;  height: 64px; border: 2px solid #666; background: url(../img/products/access-1-ko.gif) no-repeat; text-indent: -9999px; } 
#test-ex .ac1 { background-position: 0 0; }
#test-ex .ac2 { background-position: 0 -65px; }
#test-ex .ac3 { background-position: 0 -130px; }
#test-ex .ac4 { background-position: 0 -195px; }
#test-ex a:hover { border-color: red; }

.list-thumb-win8support { *display: inline-block; }
.list-thumb-win8support li { *float: left; display: inline-block; *display: inline; *margin-right: 2px; border: 1px solid #c9c4b1; }

.support-product { 
  position: absolute; display: inline-block; _width: 30px; top: 11px; right: 40px; _right: 20px; padding: 138px 216px 104px 0; 
  background: url(../img/products/rc_support_intro.gif) no-repeat scroll 73px 12px transparent;
  font-weight: bold; text-indent: -9999px;
}

.page-hero .list-title { display: inline-block; padding-top: 15px; font-weight: normal; }
.page-hero .title-point { color: #ac2200; }
.page-hero .inquiry { display: block; padding-bottom: 10px; font-weight: normal; }
.page-hero .inquiry a { background: none; padding: 0; font-weight: normal; }
.page-hero .list-thumb-win8support a { 
  display: inline-block; *display: block; width: 88px; height: 49px; padding: 0; 
  background: url(../img/products/thumb-win8supportlist.gif) no-repeat; text-indent: -9999px; 
}
.page-hero .list-thumb-win8support .movie a { background-position: 0px 0px !important; }
.page-hero .list-thumb-win8support .slide1 a { width: 78px; background-position: 0px -52px !important; }
.page-hero .list-thumb-win8support .slide2 a { width: 78px; background-position: 0px -104px !important; }
.page-hero .list-thumb-win8support .slide3 a { width: 78px; background-position: 0px -156px !important; }

.campaign-right { position: relative; text-align: right; }
.campaign-right .main { margin-right: 135px; }
.campaign-right span { display: inline-block;  }
.btn-hard { display: inline-block; position: absolute; top: 6px; right: 0; background: url(../img/common/btn-hard.gif) no-repeat scroll; text-decoration: none !important; }
.btn-hard span { 
  display: inline-block; padding: 8px 15px 12px 15px; 
  background: url(../img/common/btn-hardright.gif) no-repeat right top; font-weight: bold; color: white; text-decoration: none !important; 
}
 
.campaign-inquery { position: relative; padding: 25px 20px; margin-bottom: 20px !important; border: 6px solid #e5e5e5; } 
.btn-hard.buy { top: 18px; *top: 14px; right: 132px; background-position: 0 -43px; font-size: 15px; } 
.btn-hard.inquery { top: 18px; *top: 14px; right: 10px; font-size: 15px; }
.btn-hard.buy span { background-position: right -43px; color: #909090; }
 
.sub-header td { border-top: 2px solid #666666; font-weight: bold; }
.sub-header span { font-size: 11px; }
.sub-header a { display: inline-block; margin-left: 518px; text-decoration: underline; }
.sub-header tbody .sub-header a { display: inline-block; margin-left: 518px; }

.th-head th { 
  padding: 7px 10px !important; border-right: 1px solid #e6e6e6; background-color: #f2f2f2 !important; 
  font-size: 14px; 
}

.table-header { 
  display: inline-block; position: relative; top: 6px; *top: 0px; margin-bottom: 0 !important; list-style: none outside none; 
  border-top: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; background-color: #f2f2f2;
}
.table-header li { 
  display: inline-block; float: left; height: 40px; padding: 0px 25px; border-right: 1px solid #c5c5c5; 
  font-size: 15px; color: #666; font-weight: bold; font-family: 'Malgun Gothic','Dotum','Gulim';
}
.table-header li span { display: inline-block; padding-top: 7px; }
.table-header li.measure { width: 118px; background: url(../img/common/table-measure.gif) no-repeat; }
.table-header li.standard { padding: 0px 33px; }
.table-header li.professional { padding: 0px 27px; }
.table-header li.enterprise { padding:0px 30px; }
.table-header li.mobilepack { padding: 0px 28px; }

.grid .measure { background: url(../img/common/table-measure.gif) no-repeat; } 
.grid.ex { border-top: 1px solid #c5c5c5; }
.grid.ex thead { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; font-size: 15px; font-family: 'Malgun Gothic','Dotum','Gulim';}
.grid.ex tbody { border-bottom: black; }

.grid.ex tbody .sub-header td { padding: 5px 10px;}
.grid.ex tbody th { text-align: left !important; font-weight: normal; }
.grid.ex tbody td { vertical-align: middle; padding: 10px; }

.grid.ex thead td, 
.grid.ex tbody td { text-align: center !important; } 
.grid.ex thead .point,
.grid.ex tbody .point, 
.grid.ex tfoot .point{ color: #ea6300; font-weight: bold; }
.grid.ex tfoot .point span { font-weight: normal; }
.grid.ex tfoot th { background: none repeat scroll 0 0 #F7F7F7; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
.grid.ex tfoot tr th { padding: 7px 10px !important; text-align: left; font-weight: normal; }
.grid.ex tfoot tr td {padding: 7px 10px !important; text-align: right; font-weight: normal; line-height: 14px; }
.grid.ex tfoot .sub-header td { text-align: left !important; font-size: 11px; font-weight: bold; }
.grid.ex tfoot strong { display: inline-block; margin-left: 520px; }

.grid.price tbody { border-bottom: black; }
.grid.price tbody th { text-align: left !important; font-weight: normal; }
.grid.price thead {  display: none; } 
.grid.price tbody .point { color: #ea6300; font-weight: bold; }
.grid.price tbody .point span { font-weight: normal; }
.grid.price tbody .sub-header td { text-align: left;  } 
.grid.price tbody .sub-header strong { display: inline-block; margin-left: 520px; font-size: 11px; }  
.grid.price tbody .sub-header span { font-size: 11px; }
.grid.price tbody tr th { text-align: left; font-weight: normal; }
.grid.price tbody tr td { padding: 13px 10px; text-align: right; font-weight: normal; line-height: 12px; }

.grid.sale thead th { padding: 7px 10px; border-right: 1px solid #e6e6e6; }
.grid.sale tbody th { padding: 18px 10px; text-align: left; }
.grid.sale tbody td { padding: 18px 10px; text-align: center; }
.grid.sale tbody .percent { font-size: 14px; font-weight: bold; color: #ad001e; }

.grid.agentper { margin-bottom: 55px; border: 1px solid #e6e6e6 !important; }
.grid.agentper thead th { font-weight: normal; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #fafafa; }
.grid.agentper tbody th { padding: 10px; text-align: left; font-weight: normal; font-size: 11px; line-height: 13px; }
.grid.agentper tbody td { text-align: center; vertical-align: middle; }
.grid.ex1 .th-head { display: none; }

.table-hr { display: block; position: absolute; width: 720px; height: 2px; top: 1177px;  border-top: 2px solid #616161; }
.table-hr.thead { top: 536px; *top: 539px; }
.table-hr.tbody { top: 1175px; *top: 1142px; }

/*
.blind { 
  position: absolute;  width: 146px; height: 53px; right: 140px; border-left: 1px solid orange; border-right: 1px solid orange; 
  background:rgba(255,165,0,.15); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#18f89f11, endColorstr=#18f89f11);
}
*/

.blind { 
  position: absolute;  width: 720px; height: 53px; border: 1px solid orange;
  background:rgba(255,165,0,.15); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#18f89f11, endColorstr=#18f89f11);
}


.blind.top { height: 41px; top: 495px; *top: 499px; border-top: 1px solid orange; }
.blind.middle { height: 563px; *height: 567px; top: 570px; *top: 573px; }
.blind.bottom { height: 45px; *height: 43px;  top: 1289px; *top: 1294px; border-bottom: 1px solid orange; }   

.namep {
  display: block; position: relative; margin: 10px 20px; padding: 20px 0 20px 10px; border: 2px solid #e5e5e5;
}

.reply-caution { color: red; }

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
  #ko .support-product { right: 27px; }
  #en .support-product { right: -33px; }
  #ja .support-product { right: -19px; }
  #zh-cn .support-product { right: -16px; }
  #zh-tw .support-product { right: -30px; }
  .blind { width: 720px; }
  .blind.top { height: 40px; top: 489px; }
  .blind.middle {height: 556px;  top: 562px; }
  .blind.bottom { top: 1271px; }   
  .table-hr.thead { top: 529px; }
  .table-hr.tbody { top: 1159px; }
}