/*****************************/
/*** Core html setup stuff ***/
/*****************************/

* { margin:0; padding:0; }
html { height:100%; margin-bottom:1px; }
form { margin:0; padding:0; }
body { font-family:Verdana, Tahoma, Arial, sans-serif; line-height:1.3em; margin:0px 0px 0px 0px; font-size:12px; color:#333; }
a:link, a:visited { text-decoration:underline; font-weight:normal; }
a:hover { text-decoration:none; font-weight:normal; }
input.button { cursor:pointer; }
p { margin-top:0; margin-bottom:5px; line-height:18px; }
img { border:0 none; }





/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg { margin-bottom:1px; }
div.center { text-align:center; background:url(../images/white/bg.png) 0 0 repeat-x; padding:0; }
div#wrapper { margin-left:auto; margin-right:auto; }
body.width_medium div#wrapper { width:970px; }
body.width_small div#wrapper { width:773px; }
body.width_fmax div#wrapper { min-width:750px; max-width:1050px; }
div#header_l { position:relative; }
div#header_r { height:90px; padding-left:370px; padding-right:30px; padding-top:25px; overflow:hidden; text-align:left; }
div#logo { position:absolute; left:0; top:0; float:left; width:298px; height:75px; background:url(../images/mw_joomla_logo.png) 0 0 no-repeat; margin-left:30px; margin-top:25px; }
div#newsflash { width:auto; margin-left:350px; margin-right:30px; border:1px solid #00f; }
div#tabarea { background:#f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x; margin:0 11px; }
div#tabarea_l { background:url(../images/mw_header_l_b.png) 0 0 no-repeat; padding-left:32px; }
div#tabarea_r { height:42px; background:url(../images/mw_header_r_b.png) 100% 0 no-repeat; padding-right:1px; }
div#footer_r { padding-top:10px; height:47px; overflow:hidden; }
div#footer_r div { text-align:center; font-size:.90em; color:#aaa; }
div#footer_r a:link, div#footer_r a:visited	{ color:#999; }
div#footerspacer { height:0px; }
#pathway { padding:10px 10px 40px 0; width:auto; text-align:left; font-size:11px; color:#60717b; font-weight:bold; }
*+html #pathway { padding:10px 10px 20px 0; }
* html #pathway { padding:10px 10px 20px 0; }
#pathway a:link,
#pathway a:visited,
#pathway a:active,
#pathway a:hover { color:#60717b; text-decoration:underline; font-weight:normal; }
#search { float:right; width:320px; margin-top:-20px; margin-right:30px; height:40px; overflow:hidden; text-align:right; }
form#searchForm input { vertical-align:middle; }
form#searchForm table { border-collapse:collapse; }
form#searchForm td { padding:0; }
#mod_search_searchword { padding-left:3px; }
#area { padding:0; }
#whitebox { width:auto; }
#whitebox div { text-align:left; }





/* horizontal pill menu */
table.pill { margin-left:auto; margin-right:auto; padding:0; }
td.pill_l { background:url(../images/mw_menu_cap_l.png) no-repeat; width: 20px; height:32px; }
td.pill_m { background:url(../images/mw_menu_normal_bg.png) repeat-x; padding:0; margin:0; width:auto; }
td.pill_r { background:url(../images/mw_menu_cap_r.png) no-repeat; width: 19px; height:32px; }
#pillmenu { white-space:nowrap; height:32px; float:left; }
#pillmenu ul { margin:0; padding:0; list-style:none; }
#pillmenu li { float:left; background:url(../images/mw_menu_separator.png) top right no-repeat; margin:0; padding:0; }
#pillmenu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; display:block; height:24px; line-height:24px; padding:0 20px; color:#000; text-decoration:none; }
#pillmenu a#active_menu-nav { margin-top:2px; height:21px; line-height:21px; background-position:0 0; }
#leftcolumn { padding:0; margin:0; width:20%; float:left; }
#maincolumn,
#maincolumn_full { margin-left:20%; padding-left:15px; width:75%; }
#maincolumn_full { margin-left:0; padding:0; width:100%; }
table.nopad { width:100%; border-collapse:collapse; padding:0; margin:0; margin-bottom:15px; }
table.nopad td.middle_pad { width:20px; }





/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline { background:#fffebb; width:100%; position:absolute; top:0; left:0; font-size:1.2em; padding:5px; }
span.pathway { display:block; overflow:hidden; }

/* headers */
div.componentheading { padding-left:0px; color:#353e44; font-size:20px; margin-bottom:20px; }
h1,
h2 { padding:0; font-size:1.3em; font-weight:bold; vertical-align:bottom; color:#666; text-align:left; width:100%; }
h4 { color:#333; font-weight:normal; font-size:12px; }
.componentheading, table.moduletable th, legend { margin:0; font-weight:bold; font-size:1.5em; padding-left:0px; margin-bottom:10px; text-align:left; }
*+html .moduletable { margin-top:-11px; }
* html .moduletable { margin-top:-11px; }
.moduletable ul { margin:0; padding:0; }
.moduletable .menu li { list-style:none; }

/* 2depth menu */
.moduletable .menu li a span { display:block; width:190px; height:31px; font-size:12px; font-weight:bold; font-family:Arial; color:#fff; line-height:30px; text-align:center; background:url(../images/menu_header.png) no-repeat 0 0; }
.moduletable .menu li a:link,
.moduletable .menu li a:visited,
.moduletable .menu li a:active,
.moduletable .menu li a:hover { text-decoration:none; cursor:pointer; }

/* 3depth menu */
.moduletable .menu li ul { width:190px; margin-top:14px; }
.moduletable .menu li ul li { border-bottom:1px solid #dde1e4; background:url(../images/blt1.png) no-repeat 0 5px; padding-left:20px; }
.moduletable .menu li ul li a span { display:inline; background-image:none; color:#60717b; font-weight:normal; line-height:24px; }
.moduletable .menu li ul li a:hover { text-decoration:underline; color:#60717b; }
.moduletable .menu li ul li#current a span { font-weight:bold; }

/* 4depth menu */
.moduletable .menu li ul li ul { margin:0 0 0 -20px; padding:8px 0; border-top:1px solid #dde1e4; }
.moduletable .menu li ul li ul li { border-bottom:none; background:none; padding-left:33px; background:url(/images/stories/content/mapmenu_blt.gif) no-repeat 25px 8px; }
.moduletable .menu li ul li ul li a span { line-height:18px; }
.moduletable .menu li ul li#current ul li a span { font-weight:normal; }

.asideLinks { margin-top:30px; width:190px; height:521px; background:url(/images/stories/content/asidelinks_bg.png) no-repeat 0 0; }
.asideLinks .btn1 { padding:195px 0 0 14px; }
.asideLinks .btn2 { padding:93px 0 0 14px; }
.asideLinks .btn3 { padding:93px 0 0 14px; }
.asideLinks .btn4 { padding:68px 0 0 14px; }

a.technicalInquiries:link,
a.technicalInquiries:visited,
a.technicalInquiries:active,
a.technicalInquiries:hover { display:block; width:190px; height:44px; text-indent:-1000em; overflow:hidden; background:url(/images/stories/content/btn_helpcenter.gif) no-repeat 0 0; }

/* small text */
.small { font-size:.90em; color:#999; font-weight:normal; text-align:left; }
.modifydate { height:20px; vertical-align:bottom; font-size:.90em; color:#999; font-weight:normal; text-align:left; }
.createdate { height:20px; vertical-align:top; font-size:.90em; color:#999; font-weight:normal; vertical-align:top; padding-bottom:5px; padding-top:0px; }
a.readon { margin-top:10px; display:block; float:left; background:url(../images/mw_readon.png) top right no-repeat; padding-right:20px; line-height:14px; height:16px; }

/* form validation */
.invalid { border-color:#ff0000; }
label.invalid { color:#ff0000; }

/** overlib **/
.ol-foreground { background-color:#f6f6f6; }
.ol-background { background-color:#666; }
.ol-textfont { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.ol-captionfont { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f6f6f6; font-weight:bold; }
.ol-captionfont a { color:#0B55C4; text-decoration:none; font-size:12px; }

/* menu links */
a.mainlevel:link, a.mainlevel:visited { padding-left:5px; }
a.mainlevel:hover {}

/* spacers */
span.article_separator { display:block; height:20px; clear:both; }
.article_column { padding-right:5px; }
.column_separator { border-left:1px dashed #e0e0e0; padding-left:10px; }
td.buttonheading {}
td.buttonheading img { border:none; }
.clr { clear:both; }
td.greyline { width:50px; }
div#maindivider { border-top:1px solid #ddd; margin-bottom:10px; overflow:hidden; height:1px; }
table.blog span.article_separator { display:block; height:20px; }

/* edit button */
.contentpaneopen_edit{ float:left; }

/* table of contents */
table.contenttoc { margin:5px; border:1px solid #ccc; padding:5px; float:right; }
table.contenttoc td { padding:0 5px; }

/* content tables */
td.sectiontableheader { background:#efefef; color:#333; font-weight:bold; padding:4px; border-right:1px solid #fff; }
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding:4px; }
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding:3px; }

/* content styles */
table.contentpaneopen td { padding-bottom:10px; }
table.contentpaneopen, table.contentpane { margin:0; padding:0; width:auto; }
table.contentpaneopen li { margin-bottom:5px; }
table.contentpaneopen fieldset { border:0; border-top:1px solid #ddd; }
table.contentpaneopen h4 { font-family:Arial, Helvetica, sans-serif; color:#333; }
.highlight { background-color:#fffebb; }

/* module control elements */
table.user1user2 div.moduletable { margin-bottom:0px; }
div.moduletable, div.module { margin-bottom:25px; }
div.module_menu h3 { font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; color:#eee; margin:-23px -4px 5px -5px; padding-left:10px; padding-bottom:2px; }
div.module_menu { margin:0; padding:0; margin-bottom:15px; }
div.module_menu div div div { padding:10px; padding-top:30px; padding-bottom:15px; width:auto; }
div.module_menu div div div div { background:none; padding:0; }
div.module_menu ul { margin:10px 0; padding-left:20px; }
div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight:bold; }
#leftcolumn div.module { padding:0 10px; }
#leftcolumn div.module table { width:auto; }

/* forms */
table.adminform textarea { width:540px; height:400px; font-size:1em; color:#000099; }
div.search input { width:145px; border:1px solid #ccc; margin:15px 0 10px 0; }
form#form-login fieldset { border:0 none; margin:0em; padding:0.2em;}
form#form-login ul { padding-left:20px; }
form#com-form-login fieldset { border:0 none; margin:0em; padding:0.2em;}
form#com-form-login ul { padding-left:20px; }

/* thumbnails */
div.mosimage {	margin:5px; }
div.mosimage_caption {	font-size:.90em; color:#666; }
div.caption { padding:0 10px 0 10px; }
div.caption img	 { border:1px solid #CCC; }
div.caption p { font-size:.90em; color:#666; text-align:center; }

/* Parameter Table */
table.paramlist { margin-top:5px; }
table.paramlist td.paramlist_key { width:128px; text-align:left; height:30px; }
table.paramlist td.paramlist_value {}
div.message { font-family :"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size :14px; color :#c30; text-align:center; width:auto; background-color:#f9f9f9; border:solid 1px #d5d5d5; margin:3px 0px 10px; padding:3px 20px; }

/* Banners module */

/* Default skyscraper style */
.bannergroup { margin-top:20px; }
.banneritem img { display:block; margin-left:auto; margin-right:auto; }

/* Text advert style */
.banneritem_text { padding:4px; font-size:11px; }
.bannerfooter_text { padding:4px; font-size:11px; background-color:#F7F7F7; text-align:right; }

/* System Messages */
/* see system general.css */
.pagination span { padding:2px; }
.pagination a { padding:2px; }

/* Polls */
.pollstableborder td { text-align:left; }

/* WebLinks */
span.description { display:block; padding-left:30px; }

/* Frontend Editing*/
fieldset { border:1px solid #ccc; margin-top:15px; padding:15px; }
fieldset.activation { padding:30px 0 10px 162px !important; }
fieldset.activation img { margin-bottom:20px; }
legend { margin:0; padding:0 10px; }
td.key { border-bottom:1px solid #eee; color:#666; }

/* Tooltips */
.tool-tip { float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; }
.tool-title { padding:0; margin:0; font-size:100%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../../system/images/selector-arrow.png) no-repeat; }
.tool-text { font-size:100%; margin:0; }

/* System Standard Messages */
#system-message { margin-bottom:20px; }
#system-message dd.message ul { background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B; margin:0px; padding-left:40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color:#c00; background:#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B; margin:0px; padding-left:40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color:#c00; background:#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E; margin:0px; padding-left:40px; text-indent:0px;}
#syndicate{ float:left; padding-left:25px; }
#power_by{ float:right; padding-right:25px; }

/* Component Specific Fixes */
#component-contact table td { padding:2px 0; }





/* 관리자가 등록하는 Article Content */

/* 공통 */
.contentpaneopen h1 { margin:-3px 0 35px 0; padding-bottom:6px; color:#353e44; font-size:20px; font-weight:bold; }
*+html .contentpaneopen h1 { line-height:21px; }
* html .contentpaneopen h1 { line-height:21px; }
.contentpaneopen h1 span { font-size:20px; color:#3277bc; }
.contentpaneopen h1.main { margin-bottom:20px; }
.contentpaneopen h2 { clear:both; margin:20px 0; width:710px; height:25px; line-height:25px; background:url(../images/header_bg.png) no-repeat 0 0; text-decoration:none; color:#4a5963; font-weight:bold; padding-left:20px; font-size:12px; }
.contentpaneopen h3 { margin:0 0 14px 0; color:#629c54; font-size:12px; }
.contentpaneopen h3 strong { display:block; height:19px; color:#4a5963; font-size:14px; background:url(../images/bul_h3.gif) no-repeat 0 0; padding-left:28px; }
.contentpaneopen hr { clear:both; display:block; margin:0 0 20px 0; border:none; border-top:1px dotted #aaa; height:1px; }
.contentpaneopen ul { margin:-10px 0 20px 20px; }
.contentpaneopen li { margin-top:20px; list-style:disc; }
.contentpaneopen ul li ul { margin-top:6px; }
.contentpaneopen ul li ul li { margin:0 0 0 -20px; list-style:none; }
.contentpaneopen ol { list-style:none; margin-left:16px; }
.contentpaneopen ol li { list-style:none; margin-top:0; text-indent:-16px; }

/* imageList */
.imageList:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
*+html .imageList { height:1%; }
* html .imageList { height:1%; }
.imageList h3 { float:right; width:645px; margin:0 0 10px 0; }
.imageList p { float:right; width:645px; margin:0 0 20px 0; }
.imageList img { float:left; display:inline; width:65px; padding:0 0 20px 0; }
.imageList ul { float:right; display:inline; margin:8px 0 0 20px; width:625px; }
.imageList ul li { margin-top:0; }
.imageList ol { float:right; display:inline; margin:8px 0 0 20px; width:625px; }

.imageB h3 { width:600px;}
.imageB p { width:600px;}
.imageB img { width:100px; }

.imageList_item { float:left; margin:15px 0; width:365px; }
.imageList_item h3 { float:right; display:inline; margin:0 0 0 20px; width:280px; }
.imageList_item ul { float:left; display:block; margin:5px 0 0 30px; width:250px; }
.imageList_item ul li { margin-left:20px;}

.blue_box { border:1px solid #bedee6; background:#e7f6fa; padding:30px; font-size:11px; color:#35536f; line-height:130%;  }
table.contentpaneopen .blue_box h4 { font-size:12px; font-family:Verdana, Tahoma, Arial, sans-serif; font-weight:bold; color:#35536f; margin-bottom:6px; }

.wrap_btn { position:relative; }
.btn { position:absolute; bottom:31px; left:29px; }

.layout_twocol { float:left; padding-bottom:30px; }
.layout_twocol .two_left { width:47%; float:left; }
.layout_twocol .two_right { width:47%; float:right; }

.feature { position:relative; width:730px; height:396px; background:url(/images/stories/content/feature_bg.gif) no-repeat; }
/*.feature div img { position:absolute; top:21px; left:21px; }*/
.feature ul { position:absolute; top:19px; right:11px; margin:0; padding:0; width:186px; list-style:none; color:#345279; font-size:11px; }
.feature ul li { height:60px; margin:0; padding-bottom:1px; list-style:none; }
.feature ul li div { height:47px; padding:13px 0 0 20px; margin:0;  line-height:15px; background:url(/images/stories/content/featuretab.gif) no-repeat; cursor:pointer; font-weight:bold; }
.feature ul li.selected div { background:url(/images/stories/content/featuretab_over.gif) no-repeat; }
.feature ul li a:hover div { background:url(/images/stories/content/featuretab_over.gif) no-repeat; }
.feature ul li div dt { font-weight:bold; }
.feature ul li div dl { font-weight:normal; }
.feature ul li.bgNone div {  background:none; }
.feature ul li.bgNone a:hover { background:none; }
.feature ul li.line { height:18px; text-align:right; margin:0; padding:0; font-size:0; }
.feature ul li div.line1 { width:181px; height:8px; margin:0; padding:0; border-bottom:1px solid #c6d8f1; font-size:0; }
.feature ul li div.line2 { width:181px; height:8px; margin:0; padding:0; border-top:1px solid #fff; font-size:0; }
.feature a:link,.feature  a:visited {text-decoration:none;}
.feature a:hover { text-decoration:none; font-weight:normal; }
.preview { display:none;position:absolute; top:19px; left:21px; }
.preview .movie { width:472px; height:360px; background:#1a1a1a; padding-left:30px; }
.visible { display:block; }
#feature1-preview.preview  {display:block;}

.feature ul.fe_small li { height:44px; }
.feature ul.fe_small li div { height:30px; padding:14px 0 0 20px; margin:0;  line-height:15px; background:url(/images/stories/content/featuretabs.gif) no-repeat; cursor:pointer; }
.feature ul.fe_small li.selected div { background:url(/images/stories/content/featuretabs_over.gif) no-repeat; }
.feature ul.fe_small li a:hover div { background:url(/images/stories/content/featuretabs_over.gif) no-repeat; }

/* gallery */
.galleryList_item { float:left; width:230px; height:230px; padding:0 6px; font-size:11px; }
.galleryList_item dl { margin-top:10px; }
.galleryList_item dt { font-weight:bold; }

/* download */
.download { float:left; width:670px; background:url(/images/stories/content/bg_download.gif) no-repeat bottom left; padding:0 30px 40px 30px; margin-bottom:40px; }
.download .blue_box { float:left; width:600px; padding:20px 20px 10px 20px; margin-bottom:30px; }
.download .blue_box .layout_twocol { width:600px; padding:0;}
.download .blue_box .layout_twocol .two_left { width:63%; }
.download .blue_box .layout_twocol .two_right { width:37%; }
.download .blue_box .layout_twocol ul { margin-top:8px; }
.download .blue_box .layout_twocol ul li { margin-top:6px; }
.inquire { clear:both; height:180px; background:url(/images/stories/content/bg_mobiledown.jpg) no-repeat top left; padding:30px 0 0 180px; }
.inquire img { margin-top:10px; }
.inquire.android { background:transparent url(/images/stories/content/bg_androidinquiry.jpg) no-repeat scroll left top; }

.topReason div { position:relative; border-top:1px solid #d7e3e8; padding:22px 40px 22px 106px; background:#fff;}
.topReason div.background { background:#f0f6f7; }
.topReason img { position:absolute; top:40%; left:26px; margin-top:-20px; }
.topReason dt { font-size:13px; font-weight:bold; margin-bottom:8px; }
.topReason dd { font-size:11px; }

*html .topReason div { height:80px;}

/* inquire */
#interDiv { padding: 0 20px; }
h2.form { border:1px solid #aec5cf; font-size:12px; font-weight:bold; color:#35536f; background:#cadce5; margin:24px 0 0 0; }
#frmInput fieldset { border:1px solid #c9d9e0; background:#ecf4f6; border-top:none; margin:0; padding:30px 0; }
#frmInput label { display:block; float:left; width:220px; font-size:11px; color:#35536f; text-align:right; padding-right:16px; }
#frmInput label span { color:#3366ff; }
#frmInput input { border: 1px solid #7f9db9; }
#frmInput select { font-size:11px; }
input.frmBtn { float:right; width:230px; padding:0 0 0 17px; margin:12px 0 0 0; border:1px solid #5f7286; background:url(/images/stories/content/bg_button.gif) no-repeat; color:#fff; font-size:11px; text-align:left; font-family:Verdana, Tahoma, Arial, sans-serif; }
#frmInput textarea { width:440px; }

/* main */
.main_wrap { float:left; width:970px; margin-bottom:10px; }
.main_left { float:left; width:470px;}
.main_right { float:right; width:491px; font-size:0;  }
.main_right img { margin:0 0 10px 8px; }

.productCT { clear:both; width:100%; margin:100px 0 0 0; text-align:left; border-top:1px solid #dddee0; background:#f5f5f5; }
.productCT .pcInner { width:980px; margin:0 auto; }
.productCT ul { float:left; font-size:11px; color:#666; margin:20px 0 0 0; padding-bottom:30px; }
.productCT ul li { float:left; width:144px; list-style:none;  font-weight:bold; }
.productCT ul li ul { margin-top:12px; padding:0; }
.productCT ul li ul li { float:none; display:block; }
.productCT li.server_sub { width:540px; }
.productCT li.server_sub ul { float:left; }
.productCT li.server_sub ul li { float:left; width:130px; }
* html .productCT li.server_sub ul li { width:123px; }
.productCT li.server_sub ul li ul { margin-top:6px; }
.productCT li.server_sub ul li ul li { float:none; display:block; background:transparent url(/images/stories/content/mapmenu_blt.gif) no-repeat scroll 0 8px; padding:0 0 0 8px; }


.productCT a:link,
.productCT a:visited,
.productCT a:active { color:#666; text-decoration:none; }
.productCT a:hover { color:#0099ff; text-decoration:underline; }
.productCT ul li a:link,
.productCT ul li a:visited,
.productCT ul li a:active { font-weight:bold; }
.productCT ul li ul li a:link,
.productCT ul li ul li a:visited,
.productCT ul li ul li a:active { font-weight:normal; }

.mainPC { background:url(/images/stories/content/bg_main.gif) no-repeat; width:970px; height:195px; margin-top:10px; }
.productCT h2 { background:none; font-size:12px; padding-left:20px; margin:0; width:710px; height:25px; line-height:25px; }
.mainPC ul li { float:left; width:121px; padding:0 20px; font-weight:bold; margin:20px 0 0 0;  }
.mainPC ul { padding:0; }

#mainHead { height:87px;background:#4d5459; } /* ie - 헤더가 뿌려지기전에 컨텐츠가 헤더 영역을 덮는것을 방지 */

.compatibility { clear:both;}
.compatibility h2 { clear:both; font-size:13px; border:1px solid; margin:0; color:#333; height:23px; line-height:180%; padding:0 0 0 18px; }
.compatibility .compatDes { border:1px solid; border-top:none; padding:24px 20px; }
.compatibility .compatDes img { position:absolute; }
.compatibility .compatDes p { width:600px; margin-left:80px; }
.compatibility.show,
.compatibility.calc { margin-top:100px; }
.write h2{ border-color:#aec5cf;  background:#cadce5; }
.calc h2{ border-color:#b1ccb3;  background:#cce2ce; }
.show h2{ border-color:#dccac1;  background:#ebddd6; }
.write .compatDes { border-color:#c9d9e0; background:#ecf4f6; }
.calc .compatDes { border-color:#cbdecd; background:#edf5ed; }
.show .compatDes { border-color:#e7dbd5; background:#f7f3f1; }

.wrapScreen { clear:both; float:left; width:100%; margin-bottom:24px; }
.wrapScreen img { border:1px solid #848484; }
.wrapScreen dl { font-size:11px; margin-top:10px; }
.wrapScreen dl dt { font-weight:bold; }
.wrapScreen .wsLeft { float:left; }
.wrapScreen .wsRight { float:right; }

#performance { width:730px; height:385px; background:url(/images/stories/content/bg_movie.jpg) no-repeat 0 0;}
.per_mov { float:left; width:433px; padding:40px 0 0 47px;}
.per_des { float:left; width:210px; padding-top:58px; }

.caution { clear:both; margin-bottom:20px; font-size:11px; }
.caution strong { font-size:12px; color:#BF1600; background:url(/images/stories/content/icon_caution.gif) no-repeat 0 0; padding-left:20px; }


.listAndImage:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
* html .listAndImage { height:1%; }
*:first-child+html .listAndImage { height:1%; }
.listAndImage ul { float:left; width:360px; }
* html .listAndImage ul { display:inline; }
.listAndImage img { float:right; margin:10px 15px 0 0; width:320px; }
.centerImage,
#whitebox div.centerImage { text-align:center; }
li p { margin-top:5px; }