@charset "UTF-8";
@import url("reset.css");
@import url("gnb.css");
@import url("lnb.css");


/* 레이아웃 */
#wrap { width:100%; position:relative; margin:0px; }
#container {width:980px;  margin:0 auto 30px auto; padding:18px 0 0 0; }
#container:after {content:" "; display:block; clear:both;}
#container {*zoom:1;}
#contents {width:750px; float:right; margin-bottom: 20px;}
#location { text-align:right; color:#909090; font-size:0.85em; letter-spacing: -0.02em; }
#contents.cn #location { font-size:0.7em; }
#location.cn { font-size:0.7em; }
#location a { color:#9f9f9f; }
#location a:hover { text-decoration: underline; color: #555555 }
#location strong { color:#444444; font-weight: normal; }
#contents h3 {

    margin:10px 0 30px 0; background:url(http://finedigital.ofscdn.com/finemulti/common/bu_h3.gif) no-repeat 0 6px;
    padding-left: 10px; color: #3d3d3d; font-size: 24px;
    font-weight: bold; font-family:'Roboto','Arial', 'Verdana';
}
#contents.cn h3 {
    font-size: 17px; color: #555555; letter-spacing: -0.02em;
    font-family:'微软雅黑','Roboto','Arial', 'Verdana'; font-weight: normal;
}

#contents h4 {
    margin:10px 0 30px 0; background:url(http://finedigital.ofscdn.com/finemulti/common/bu_h4.gif) no-repeat 0 center;
    padding-left: 15px; color: #3d3d3d; font-size: 17px; font-weight: bold; font-family:'Roboto','Arial', 'Verdana';
}
#contents.cn h4 { font-family:'微软雅黑','Roboto','Arial', 'Verdana'; font-weight: normal; font-size: 18px; color: #090909; }


.subVisual { padding-top:117px; width:100%; height:225px; background:url(http://finedigital.ofscdn.com/finemulti/common/sub_bg_en.jpg) no-repeat bottom center; }
.subVisual span{ display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px; }

.subVisual_cn { padding-top:117px; width:100%; height:225px; background:url(http://finedigital.ofscdn.com/finemulti/common/sub_bg_cn.jpg) no-repeat bottom center; }
.subVisual_cn span{ display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px; }

.subVisual_jp { padding-top:117px; width:100%; height:225px; background:url(http://japan.ofscdn.com/images/common/sub_bg6_jp.jpg) no-repeat bottom center; }
.subVisual_jp span{ display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px; }

.subVisual_jp_finevu { padding-top:117px; width:100%; height:225px; background:url(http://japan.ofscdn.com/images/common/sub_bg5_jp.jpg) no-repeat bottom center; }
.subVisual_jp_finevu span{ display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px; }


.prod_info { }
.prod_info .sum { margin-bottom: 20px; display: inline-block;}
.prod_info .sum dl { clear: both; }
.prod_info .sum dt { float: left; }
.prod_info .sum dd { float: left; }
.prod_info .detail { background:url(http://finedigital.ofscdn.com/finemulti/common/line_product.gif) no-repeat left top; padding-top: 40px; clear: both; }
.prod_info .detail div { width: 680px; margin: 0 auto; }

.prod_info .term { width: 100%; line-height:20px; }
.prod_info .term h1 { font-size: 14px; font-weight:bold; margin-top:30px; }
.prod_info .term h1.up { font-size: 18px; margin-top:70px; font-weight:normal; }
.prod_info .term p { margin:10px 0 0 10px; }
.prod_info .term p.title { margin:20px 0 0; font-weight:bold; }
.prod_info .term .mt5 { margin-top:5px; }
.prod_info .term .mt20 { margin-top:20px; }
.prod_info .term .ml30 { margin-left:30px; }


.con_copy {
    color: #555555; font-size: 16px;
    border: solid 4px #f37121; padding: 15px; text-align: center;
    margin-bottom: 20px;  box-shadow: 1px 1px 1px #c1c1c1; letter-spacing: -0.02em;
}
.con_copy em { color: #ff6600; }


.company_history { font-family:'Roboto','Arial', 'Verdana';
    background:url(http://japan.ofscdn.com/images/common/img_history.gif) no-repeat right 40px;
    padding-top: 20px; display: inline-block; width: 749px;
}
.company_history dl { clear: both; margin-bottom: 20px; display: inline-block; }
.company_history dt { float: left; color: #ff6e15; font-weight: bold; font-size: 25px; width: 80px; padding-left: 5px; }
.company_history dd { float: left; padding-top: 8px; }
.company_history dd li { margin-bottom: 5px;  }
.company_history dd span.mon { font-size: 13px; color: #999999; font-weight: bold; width: 30px; display: inline-block; line-height: 18px; vertical-align: top;  }
.company_history dd span.fine { font-size: 11px; color: #9c9c9c; width: 80px; display: inline-block; line-height: 18px; vertical-align: top;  }
.company_history dd span.con { font-size: 13px; color: #888888; width: 500px; display: inline-block; line-height: 18px; vertical-align: top;  }
.company_history.cn dd span.con { font-family:'微软雅黑','Roboto','Arial', 'Verdana'; line-height: 18px; }


.contactus { border: solid 1px #cccccc; padding: 10px 30px 30px 30px; }

.contactus p { color: #ff6e15; font-size: 14px; line-height: 25px; letter-spacing: -0.01em; }
.contactus h4 {
    color: #555555; font-size: 17px; font-weight: bold; margin-bottom: 15px; height: 40px; line-height: 40px;
    border-bottom: solid 1px #e1e1e1;
}
.contactus li { font-size: 14px; background:url(http://finedigital.ofscdn.com/finemulti/common/bu.gif) no-repeat 2px 8px; padding-left: 8px;}
.contactus li dl { clear: both; margin-bottom: 5px; display: inline-block; }
.contactus li dt { float: left; width: 65px; line-height: 19px; color: #333333;  }
.contactus li dd { float: left; width: 590px; line-height: 19px; }
.contactus dd a { text-decoration: underline; color: #1ea6d9; }
.contactus dd a.site { text-decoration: none; color: #ff6600; }
.contactus.cn li { font-size: 15px; }
.contactus.cn li dt { width: 55px; }



.pr_video_tab { height: 120px; }
.pr_video_tab li { height: 47px; float: left; width: 370px; background:url(http://finedigital.ofscdn.com/finemulti/common/tabbtn.gif) no-repeat left top; }
.pr_video_tab li:first-child { margin-right: 9px; }
.pr_video_tab li.on { background:url(http://finedigital.ofscdn.com/finemulti/common/tabbtn_on.gif) no-repeat left top;  }
.pr_video_tab li a { color: #ffffff; font-size: 18px; width: 370px; text-align: center; line-height: 42px; display: block;  }


.pr_video { width: 749px; text-align: center; margin-bottom: 40px; position: relative;}
.pr_video .btnset { margin-top: 35px; }
.pr_video .btnset a.download { display: inline-block; width: 109px; height: 31px; text-indent: -9999px;  background:url(http://finedigital.ofscdn.com/finemulti/common/btn_musicDown.gif) no-repeat; }
.pr_video .btnset a.clipping { display: inline-block; width: 103px; height: 31px; text-indent: -9999px;  background:url(http://finedigital.ofscdn.com/finemulti/common/btn_musicClip.gif) no-repeat; }
.pr_video .playList { background:url(http://finedigital.ofscdn.com/finemulti/common/bg_prBox01.gif) no-repeat; padding-top: 10px; width: 640px; margin: 0 auto; margin-top: 35px; }
.pr_video .playList ul { background:url(http://finedigital.ofscdn.com/finemulti/common/bg_prBox02.gif) repeat-y; padding-left: 10px; width: 640px; display: inline-block; margin-bottom: -4px; }
.pr_video .playList li { float: left; height:66px; width: 305px; }
.pr_video .playList li p { float: left; }
.pr_video .playList li > div { padding: 15px 0 0 29px;}
.pr_video .playList li div div.navi { width: 170px; float: left; padding: 0 0 0 15px; text-align: left; }
.pr_video .playList li div div.navi p { clear: both; float: none; padding: 2px 0 5px 0; font-size: 12px; height: 12px; font-family: 'Gulim'; }
.pr_video .playList li div div.navi a { clear: both;  }
.pr_video .playList .bgBot { background:url(http://finedigital.ofscdn.com/finemulti/common/bg_prBox03.gif) no-repeat; height: 9px; }


/* 스크랩 팝업 */
.scrap {width:183px; height:154px; position:absolute; top:250px; left:50%; margin:0 0 0 -100px; padding:5px 10px 0 10px;
    background:url(http://finedigital.ofscdn.com/finemulti/common/bg_scrap.png) no-repeat left top;
}
.scrap h5 { text-align: left; }
.scrap div {text-align:center; margin-top:35px;}
.scrap .close {position:absolute; right:6px; top:3px;}



.technical { width: 680px; margin-bottom: 40px; position: relative; margin: 0 auto; }
.technical .dataquick_tit { position: absolute; left: 0; top:0; }