@charset "UTF-8";

.contentsback{width:100%; height:260px; background:#fff url("/images/10_products/common/top_img.jpg") no-repeat 50% 0; border-bottom:solid 1px #e9e9e9;}
.contentstotal {overflow:hidden; position:relative; width:956px; margin:0 auto;}


.contents{position:relative; float:right; width:730px; background:url("/images/10_products/common/product_back02.jpg") repeat-x;}
.contents h1{color:#ffffff; font-size:0; line-height:0; padding:0; margin:0; letter-spacing:0;}
#products_easyrofree_gw .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/10_products/easyrofree/title.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#products_easyrofree_mobile .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/10_products/easyrofree/title02.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#products_easyrofree_erp .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:27px; background:url("/images/10_products/easyrofree/title03.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}


.history{position:absolute; top:60px; right:20px;background:url("/images/10_products/common/history_icon.jpg") no-repeat 0 50%; text-indent:20px;}
.suball{width:670px; margin:0 auto;}
.suball02{width:710px; margin:0 auto 50px auto;}
.intro, .character, .maincharacter, .subcharacter {float:left;}

#products_easyrofree_mobile .intro{background:url("/images/10_products/easyro/gw/pro02_01_img01.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#products_easyrofree_mobile .intro p{background:url("/images/10_products/easyrofree/msg/pro02_01_img02.jpg") no-repeat 0 0; padding-top:40px; font-size:14px; line-height:1.5em; color:#333;}
#products_easyrofree_erp .intro{background:url("/images/10_products/easyroerp/pro_img01.jpg") no-repeat ; padding-left:160px; margin-top:120px; margin-bottom:30px;}
#products_easyrofree_erp .intro p{background:url("/images/10_products/easyroerp/pro_img02.jpg") no-repeat 0 0; padding-top:40px; font-size:14px; line-height:1.5em; color:#333;}
#products_easyrofree_gw .intro{background:url("/images/10_products/easyro/gw/pro02_01_img01.jpg") no-repeat ; width:550px; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#products_easyrofree_gw .intro p{background:url("/images/10_products/easyrofree/msg/pro02_01_img02.jpg") no-repeat 0 0; padding-top:40px; font-size:14px; line-height:1.5em; color:#333;}

.intro li {float:left;}
.intro li a{display:block; margin:20px 5px; padding-top:25px; background:url("/images/10_products/common/btn_intro_back.jpg") no-repeat; width:64px; height:25px; text-align:center;}
.intro li a:hover{ background:url("/images/10_products/common/btn_intro_back_.jpg") no-repeat; color:#fff;}


.character{width:720px; height:592px; background:url("/images/10_products/easyrofree/msg/pro02_01_img03.jpg") no-repeat; margin:36px 0; text-indent:-50000px;}
.maincharacter{width:670px;}
.maincharacter h2{color:#ffffff; font-size:0; line-height:0; padding:0; margin:0; letter-spacing:0;}
.maincharacter h2 a{display:block; width:108px; height:23px; background:url("/images/10_products/easyro/gw/pro02_01_img04.jpg") no-repeat; }

.maincharacter li {float:left; margin:10px 3px; width:326px; height:108px; background:url("/images/10_products/easyro/gw/char_list_img04.jpg") no-repeat; }
.maincharacter dl {overflow:hidden; position:relative; float:left; padding:15px 0 20px 20px;}
.maincharacter dt{float:right; width:230px; padding:0 0 5px 0; font:bold 13px "굴림",gulim,"돋음",Dotum, verdana, sans-serif; color:#164aad; letter-spacing:-1px;}
.maincharacter dt img{vertical-align:middle; padding-left:5px;}
.maincharacter dd{float:left; color:#333; font:normal 12px/1.5 "굴림",gulim,"돋음",Dotum, verdana, sans-serif;}
.maincharacter dd img{padding-top:10px;}
.scription{width:213px; padding-left:20px;}
.subcharacter{position:relative; width:671px; padding:67px 0;}
.subcharacter  h2{color:#ffffff; font-size:0; line-height:0; padding:0 0 20px 0; margin:0; letter-spacing:0;}
.subcharacter  h2 a{display:block; width:108px; height:23px; background:url("/images/10_products/easyro/gw/pro02_01_img05.jpg") no-repeat; }
.subcharacter ul {overflow:hidden; width:671px; height:109px; padding:20px 25px; background:url("/images/10_products/easyro/gw/char_list_img05.jpg") no-repeat;}
.subcharacter li {float:left; padding-right:10px; font:bold 14px/1.5 "굴림",gulim,"돋음",Dotum, verdana, sans-serif; letter-spacing:-1px; color:#333;}
.subcharacter p {position:absolute; top:170px; right:40px; _right:80px;}


.suball table{width:677px; border:solid 1px #eaeaea; margin:150px auto 30px auto;}
.suball thead th{background:#f1f1f1; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-top:solid 2px #666; padding:7px 0;border-bottom:solid 1px #666;}
*:first-child+html .suball thead th {position:relative; z-index:-1px; background:#f1f1f1; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-top:solid 2px #666; padding:7px 0;border-bottom:solid 1px #666;}
.suball tbody th{background:#fbfbfb; border:solid 1px #eaeaea; font-weight:normal; padding:7px 0; text-align:left; padding-left: 10px;}
.suball tbody td{border:solid 1px #eaeaea; padding:7px 0px 7px 7px; text-align:center;}
.suball tbody .etc{text-align:left;}
.suball tbody .middle{border-top:solid 1px #999; border-bottom:solid 1px #999; z-index:5px; background:#fafafa; font-weight:bold;}
.suball .info {width:670px; font-size:14px; padding:5px 5px 20px 20px; color:#333; text-align:left;}

.suball02 h2{display:inline-block; width:550px; padding:10px 0;} 
.suball02 h2.information{background:url("/images/10_products/easyrofree/stitle01.jpg") no-repeat; height:24px; color:#fff; font-size:0px; line-height:0; text-indent:-5000px;}
.suball02 table{width:710px; border:solid 1px #eaeaea; margin:0 auto 20px auto;}
.suball02 thead th{background:#f1f1f1; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-top:solid 2px #666; padding:7px 0;border-bottom:solid 1px #666;}
*:first-child+html .suball02 thead th {position:relative; z-index:-1px; background:#f1f1f1; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-top:solid 2px #666; padding:7px 0;border-bottom:solid 1px #666;}
.suball02 tbody th{background:#fbfbfb; border:solid 1px #eaeaea; font-weight:normal; padding:7px 0; text-align:left; padding-left: 10px;}
.suball02 tbody td{border:solid 1px #eaeaea; padding:7px 7px 7px 7px; text-align:center;}
.suball02 tbody .etc{text-align:left;}
.suball02 tbody .middle{border-top:solid 1px #999; border-bottom:solid 1px #999; z-index:5px; background:#fafafa; font-weight:bold;}
.suball02 .info {width:670px; font-size:14px; padding:5px 5px 20px 20px; color:#333; text-align:left;}