@charset "utf-8"; #header { position:absolute; min-width:1410px;}
 .sub_vis { position: relative; height: 400px; line-height: 160px; font-weight: 500; background-color:#000; width:100%; min-width:1410px;}
 .sub_vis h2.title { text-align:center; color:#fff; font-size:35px; padding-top:110px; height:137px;}
 .sub_vis.portf { background: url("/images/www/sub/portf.jpg?build_20250626002") no-repeat center top;}
 .sub_vis.solution { background: url("/images/www/sub/solution.jpg?build_20250626002") no-repeat center top; }
 .sub_vis.solution_n { background: url("/images/www/sub/solution.jpg?build_20250626002") no-repeat center top; }
 .sub_vis.product { background: url("/images/www/sub/product.jpg?build_20250626002") no-repeat center top; }
 .sub_vis.about_id { background: url("/images/www/sub/about_id.jpg?build_20250626002") no-repeat center top;}
 .sub_vis.customer { background: url("/images/www/sub/customer.jpg?build_20250626002") no-repeat center top;}
 .sub_vis.support { background: url("/images/www/sub/customer.jpg?build_20250626002") no-repeat center top;}
 #SubMenu { text-align:center; display:inline-block; width:100%; height:75px;}
 #SubMenu .snb > li { display:inline-block; height:75px; line-height:75px;}
 #SubMenu .snb > li > a { display:block; color:#fff; padding:0 22px; height:63px; font-size:17px; position:relative;}
 #SubMenu .snb > li > a .more { display:block; float:right; width:16px; height:10px; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat; text-indent:-999999px; margin:33px 0 0 12px;}
 #SubMenu .snb > li > a .more.open { background-position:-483px -186px;}
 #SubMenu .snb > li > a .more.close { background-position:-512px -186px;}
 #SubMenu .snbA { position:relative;}
 #SubMenu .snbA.now > a:after { content:""; display:block; width:80%; position:absolute; left:50%; bottom:0; margin-left:-40%; height:2px; background-color:#fff;}
 #SubMenu .snbA > a span span.newicon { display:block; float:right; background:url("/images/www/common/newwin.png?build_20250626002") no-repeat 0 0; width:17px; height:17px; text-indent:-99999px; margin-top:28px; margin-left:4px;}
 #SubMenu .snbB { position:absolute; top:61px; left:50%; z-index:15; background-color:#fff; width:220px; margin-left:-110px; }
 #SubMenu .snbB > li { display:block; text-align:left; height:51px; line-height:50px; border-bottom:1px solid #4c474a; border-left:1px solid #5b5558; border-right:1px solid #5b5558; box-sizing:border-box;}
 #SubMenu .snbB > li > a { height:50px; line-height:50px; font-size:15px; padding:0 15px; color:#fff; display:block; background-color:#5b5558;}
 #SubMenu .snbB > li.now { border-bottom:1px solid #bf5b92; background-color:#bf5b92; border-left:1px solid #bf5b92; border-right:1px solid #bf5b92;}
 #SubMenu .snbB > li.now a { color:#fff; background-color:#bf5b92;}
 #SubMenu .snbB > li > a span span.newicon { display:block; float:right; background:url("/images/www/common/newwin.png?build_20250626002") no-repeat 0 0; width:17px; height:17px; text-indent:-99999px; margin-top:16px;}
 @media screen and (max-width: 1580px) { #SubMenu .snb > li > a { padding:0 19px; font-size:16px;}
 }
 #wrap .inner { width:1410px; max-width:1410px; margin:0 auto; position:relative;}
 .cont_topbox h3 { text-align:center; font-size:40px; font-weight:300; letter-spacing:-1px; color:#000; line-height:50px; margin-top:90px; margin-bottom:90px;}
 .cont_topbox .path { position:absolute; top:14px; left:0;}
 .cont_topbox .path a { font-size:15px;}
 .cont_topbox .path a.home:before { content:""; display:block; width:19px; height:15px; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -647px -181px; float:left; margin:4px 6px 0 0;}
 .modify_setting_tab { width:1410px; margin:0 auto;}
  .tool_box {position:absolute; right:0; top:0;}
 .contents_tools > ul > li { float:left; margin:0 8px;}
 .contents_tools > ul > li.tools_bookmark { margin-right:0;}
 .contents_tools > ul > li > a{position: relative; display: block; height: 43px; line-height: 43px; text-align: center; overflow: hidden;}
 .contents_tools > ul > li > a em.txt{position: absolute; width: 0; height: 0; text-indent: -99999px; z-index: -1; overflow: hidden;}
 .contents_tools .content_util > li.tools_view_option { display:none;}
  .contents_tools .content_util{padding: 0 18px;}
 .contents_tools .content_util > li > a{width: 40px;}
 .contents_tools .content_util > li > a span{display: inline-block; height:26px; vertical-align: middle; margin-top: -3px; text-indent: -99999px; background: url("/images/www/sub/content_tools.png?build_20250626002") no-repeat;}
 .contents_tools .content_util > li.tools_share > a span {width:26px; background-position: -40px -31px;}
 .contents_tools .content_util > li.tools_print > a span {width:27px; background-position: -83px -31px;}
 .contents_tools .content_util > li.tools_qr > a span {width:22px; background-position: -126px -31px;}
 .contents_tools .content_util > li.tools_bookmark > a span {width:22px; background-position: -166px -31px;}
 .contents_tools .content_util > li.tools_share.on > a span, .contents_tools .content_util > li.tools_share > a:hover span{background-position: -40px -70px;}
 .contents_tools .content_util > li.tools_print.on > a span, .contents_tools .content_util > li.tools_print > a:hover span{background-position: -83px -70px;}
 .contents_tools .content_util > li.tools_qr.on > a span, .contents_tools .content_util > li.tools_qr > a:hover span{background-position: -126px -70px;}
 .contents_tools .content_util > li.tools_bookmark.on > a span, .contents_tools .content_util > li.tools_bookmark > a:hover span{background-position: -166px -70px;}
 .contents_tools .content_util > li .util_box{position: absolute; top: 50px; right: 0; z-index:5; border: 1px solid #808080; width:240px; padding:20px; text-align:left; background-color: #fff; display: none;}
 .contents_tools .content_util > li .util_box strong{display: block; color: #343434; font-weight: 300; margin-bottom: 13px; text-align:left;}
 .contents_tools .content_util > li .util_box ul{display: inline-block; margin-bottom: -5px; width: 100%;}
 .contents_tools .content_util > li .util_box ul > li{float: left;}
 .contents_tools .content_util > li .util_box ul li:first-child{margin-left: 0 !important;}
 .contents_tools .content_util > li .util_box ul li a{position: relative; display: block;}
 .contents_tools .content_util > li .util_box ul li a span.icon{display: block; background: url("/images/www/sub/content_tools.png?build_20250626002") no-repeat; text-indent: -99999px;}
 .contents_tools .content_util > li.tools_share .util_box ul {width: 100%; margin-bottom:8px;}
 .contents_tools .content_util > li.tools_share .util_box ul li {width: 25%;}
 .contents_tools .content_util > li.tools_share .util_box ul li a { display:block; width:41px; height:41px; margin:0 auto; background: url("/images/www/sub/content_tools.png?build_20250626002") no-repeat; text-indent: -99999px;}
 .contents_tools .content_util > li.tools_share .util_box ul li.fa a { background-position:0 -123px;}
 .contents_tools .content_util > li.tools_share .util_box ul li.tw a { background-position:-64px -123px;}
 .contents_tools .content_util > li.tools_share .util_box ul li.bd a { background-position:-130px -123px;}
 .contents_tools .content_util > li.tools_share .util_box ul li.ks a { background-position:-195px -123px;}
 .contents_tools .content_util > li.tools_share .util_box p.url_copy {float:left;}
 .contents_tools .content_util > li.tools_share .util_box p.url_copy input{font-size:13px; color:#3e3d3d; background-color:#ededed; padding:0 10px; width:170px; height:35px; line-height:35px; overflow:hidden; text-align:left; margin: 0; border: 0; border-radius:5px 0 0 5px;}
 .contents_tools .content_util > li.tools_share .util_box a.url_copybtn { font-size:13px; background-color:#bf5b92; color:#fff; float:left; width:50px; height:35px; line-height:35px; text-align:center; border-radius:0 5px 5px 0;}
 .contents_tools .content_util > li.tools_print .util_box { width:220px;}
 .contents_tools .content_util > li.tools_print .util_box ul{width: 100%; margin-top:5px;}
 .contents_tools .content_util > li.tools_print .util_box ul li{width: 33.33333%;}
 .contents_tools .content_util > li.tools_print .util_box ul li a{font-size: 13px; color: #353535; letter-spacing: -0.5px;}
 .contents_tools .content_util > li.tools_print .util_box ul li a:hover{text-decoration: underline;}
 .contents_tools .content_util > li.tools_print .util_box ul li a span.icon { background:url("/images/www/sub/content_tools.png?build_20250626002") no-repeat; height:28px; margin-top:4px; margin:0 auto;}
 .contents_tools .content_util > li.tools_print .util_box ul li.print a span.icon { width:29px; background-position:0 -299px;}
 .contents_tools .content_util > li.tools_print .util_box ul li.make_image a span.icon { width:28px; background-position:-81px -299px;}
 .contents_tools .content_util > li.tools_print .util_box ul li.make_pdf a span.icon { width:28px; background-position:-157px -299px;}
 .contents_tools .content_util > li.tools_bookmark .util_box { padding:0; width:388px;}
 .contents_tools .content_util > li.tools_bookmark .util_box strong { padding:22px 28px 0; margin-bottom:6px;}
 .contents_tools .content_util > li.tools_bookmark .util_box p.info { font-size:14px; text-align:left; color:#bf5b92; padding:0 28px; margin-bottom:15px;}
 .contents_tools .content_util > li.tools_bookmark .util_box p.info span { display:block; color:#858585; margin-top:2px;}
 .contents_tools .content_util > li.tools_bookmark .util_box a.bookmark_plus { float:right; display:block; padding:0 20px; margin:0 25px 22px; background-color:#bf5b92; border-radius:5px; color:#fff; font-size:14px; height:30px; line-height:30px; }
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list { clear:both; background-color:#ededed; padding:20px 28px; display:inline-block; width: 100%; box-sizing: border-box;}
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list ul { margin-bottom:14px;}
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list li {background: url("/images/www/sub/content_tools.png?build_20250626002") no-repeat -247px 3px; padding-left:7px;}
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list li a { font-size:14px; color:#505050; display:inline; line-height:16px;}
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list li a.close span { display:inline-block; width:16px; height:16px; text-indent:-99999px; border-radius:10px; background: #db3400 url("/images/www/sub/content_tools.png?build_20250626002") no-repeat -134px 4px;}
 .contents_tools .content_util > li.tools_bookmark .util_box div.bookmark_list a.reset {float:right; display:block; padding:0 20px; margin:0 0 6px; background-color:#bf5b92; color:#fff; font-size:14px; height:30px; line-height:30px; border-radius:5px;}
 .contents_tools .content_util > li.tools_qr .util_box { width:207px; height:254px;}
 .contents_tools .content_util > li.tools_qr .util_box p { font-size:15px; text-align:center; margin-top:5px;}
 .contents_tools .content_util > li.tools_qr img { margin:16px 0 -18px -18px; }
 .contents_tools .content_util > li .util_box .close_box{position: absolute; bottom: -32px; left: -1px; right: -1px; height: 32px; background-color: #808080;}
 .contents_tools .content_util > li .util_box .close_box .close{position: absolute; top: 0; right: 4px; width: 32px; height: 32px; text-indent: -99999px;}
 .contents_tools .content_util > li .util_box .close_box .close:before{content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; background: url("/images/www/sub/content_tools.png?build_20250626002") no-repeat -87px 0; margin: -8px 0 0 -8px;}
 #footer .top { top:60px;}
 #footer .memlogin { right:122px;}
 