@charset "utf-8";

@import "layout.css";

/*-----common -----*/
/*visual*/
.visual_area{padding-top:123px;height:300px;}
.visual_area > h2{color:#fff;font-size:60px;font-family:'NanumBarunGothic';text-align:center;font-weight:300;}

/*location*/
.page_location{margin-top:17px;}
.page_location > span{display:inline-block;padding-left:12px;margin-left:7px;font-size:14px;color:#666666;font-weight:300;background:url('../images/common/bg_location.gif') no-repeat 0 center;}
.page_location > span:first-child{padding-left:0;margin-left:0;background:none;}

/*lnb*/
.lnb_menu{padding:0 10px;background-color:#0054a5;}
.lnb_menu > ul{text-align:center;}
.lnb_menu > ul > li{display:inline-block;padding:0 18px;}
.lnb_menu > ul > li > a{display:block;height:68px;line-height:68px;font-size:18px;color:#fff;font-weight:300;text-align:center;}
/*.lnb_menu > ul{display:table;width:100%;}
.lnb_menu > ul > li{display:table-cell;width:1px;min-width:50px;}
.lnb_menu > ul > li > a{display:block;height:68px;line-height:68px;font-size:18px;color:#fff;font-weight:300;text-align:center;}*/

/*title*/
.page_title{position:relative;padding-bottom:35px;margin:25px 0 63px;text-align:center;letter-spacing:-1px;}
.page_title:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:50px;height:4px;margin-left:-25px;background-color:#222222;}
.page_title .title{font-size:40px;color:#222;font-weight:400;}
.page_title .text{margin-top:18px;font-size:14px;color:#222;font-weight:300;line-height:1.6;letter-spacing:0;}
.sub_title{font-size:28px;color:#222222;text-align:center;font-weight:600;font-family:'NanumBarunGothic';}
.line_title{margin-bottom:30px;text-align:center;}
.line_title > span{display:inline-block;padding-bottom:5px;border-bottom:3px solid #222222;font-size:28px;color:#222222;letter-spacing:-1px;}
.tit_round{display:inline-block;padding:0 20px;min-width:140px;height:43px;line-height:45px;font-size:24px;color:#fff;border-radius:50px;letter-spacing:-1px;text-align:center;}
.tit_round.purple{background-color:#8c9fdc;}
.tit_round.blue{background-color:#7faedd;}

/*text*/
.txt_phrase{font-size:24px;text-align:center;line-height:1.6;}

/*summary*/
.summary_area{display:table;width:100%;background-color:#3e4452;}
.summary_area .words{display:table-cell;padding-left:85px;vertical-align:middle;}
.summary_area .words .text{color:#fff;font-size:24px;line-height:1.7;}
.summary_area .words .italic{color:#fff;font-size:30px;line-height:1.7;font-style:italic;font-family:'NanumSquare';}
.summary_area .img{display:table-cell;width:1px;}
.summary_area .dl_type{display:table-cell;padding-top:40px;padding-left:35px;vertical-align:top;}
.summary_area .dl_type dt{font-size:20px;color:#fff;}
.summary_area .dl_type dd{margin-top:7px;font-size:16px;font-weight:300;color:#fff;}
.summary_area .dl_type *{line-height:1.6;}
.summary_area .dl_type ul{margin-top:25px;}
.summary_area .dl_type ul li{text-indent:-12px;padding-left:12px;}

/*tab menu*/
.tab_area{}
.tab_area .tab_tit{position:relative;margin-left:1px;}
.tab_area .tab_tit:after{content:"";display:block;clear:both;}
.tab_area .tab_tit:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000222;z-index:1;}
.tab_area.type1 .tab_tit li{float:left;margin-left:-1px;border:1px solid #dddddd;background-color:#f4f4f4;}
.tab_area.type1 .tab_tit li > a{display:block;height:68px;font-size:18px;color:#666666;line-height:68px;text-align:center;}
.tab_area.type1 .tab_tit li.on{position:relative;height:70px;background-color:#fff;border:1px solid #000222;border-bottom:0;z-index:2;}
.tab_area.type1 .tab_tit li.on > a{color:#222222;}
.tab_area.type2 .tab_tit li{float:left;margin-left:-1px;border:1px solid #dddddd;background-color:#f4f4f4;}
.tab_area.type2 .tab_tit li > a{display:block;height:56px;font-size:18px;color:#222222;line-height:56px;text-align:center;}
.tab_area.type2 .tab_tit li.on{background-color:#3e4452;border:1px solid #3e4452;}
.tab_area.type2 .tab_tit li.on > a{color:#fff;}
.tab_area.type2 .tab_tit:before{display:none;}
.tab_area .tab_tit.tab_2 li{width:calc(50% + 1px);}
.tab_area .tab_tit.tab_3 li{width:calc(33.333% + 1px);}
.tab_area .tab_tit.tab_4 li{width:calc(25% + 1px);}
.tab_area .tab_tit.tab_5 li{width:calc(20% + 1px);}
.tab_area .tab_tit.tab_6 li{width:calc(16.666% + 1px);}

/*pagination*/
.section-pagination{margin-top:50px;text-align:center;}
.section-pagination a{display:inline-block;margin:0 4px;width:38px;height:38px;line-height:38px;font-size:16px;color:#666666;background-color:#fff;text-align:center;vertical-align:middle;border:1px solid #dfdfdf;}
.section-pagination a.active{background-color:#666666;border:0;color:#fff;}
.section-pagination .btn_page_first{background:#fff url('../images/common/btn_page_first.png') no-repeat center center;text-indent:-9999em;overflow:hidden;}
.section-pagination .btn_page_prev{margin-right:30px;background:#fff url('../images/common/btn_page_prev.png') no-repeat center center;text-indent:-9999em;overflow:hidden;}
.section-pagination .btn_page_next{margin-left:30px;background:#fff url('../images/common/btn_page_next.png') no-repeat center center;text-indent:-9999em;overflow:hidden;}
.section-pagination .btn_page_last{background:#fff url('../images/common/btn_page_last.png') no-repeat center center;text-indent:-9999em;overflow:hidden;}

/*원 정보*/
.info_circle_area .circle_list{margin-top:25px;}
.circle_list{font-size:0;text-align:center;}
.circle_list:after{content:"";display:block;clear:both;}
.circle_list > li{display:inline-block;min-width:152px;background-repeat:no-repeat;font-size:0;}
.circle_list > li:first-child{margin-left:0 !important;}
.circle_list > li > a{display:block;padding-top:168px;font-size:20px;color:#222;font-family:'NanumSquare';font-weight:600;text-align:center;}
.circle_list > li.menu1{background-position:0 0;}
.circle_list > li.menu2{background-position:-152px 0;}
.circle_list > li.menu3{background-position:-304px 0;}
.circle_list > li.menu4{background-position:-456px 0;}
.circle_list > li.menu5{background-position:-608px 0;}
.circle_list > li.menu6{background-position:-760px 0;}
.circle_list.w4 li{margin-left:100px;}
.circle_list.w5 li{margin-left:80px;}
.circle_list.w6 li{margin-left:45px;}
.circle_list.w7 li{margin-left:19px;}
.circle_list.w7 li{min-width:146px;}
.circle_list.w7 li > a{padding-top:164px;}
.circle_list.w7 > li.menu1{background-position:0 0;}
.circle_list.w7 > li.menu2{background-position:-146px 0;}
.circle_list.w7 > li.menu3{background-position:-292px 0;}
.circle_list.w7 > li.menu4{background-position:-438px 0;}
.circle_list.w7 > li.menu5{background-position:-584px 0;}
.circle_list.w7 > li.menu6{background-position:-730px 0;}
.circle_list.w7 > li.menu7{background-position:-876px 0;}

/*box 정보*/
.detail_list{margin-top:25px;font-size:0;text-align:center;}
.detail_list li{display:inline-block;width:calc(25% - 22.5px);margin-left:30px;font-size:0;vertical-align:top;}
.detail_list li:first-child{margin-left:0;}
.detail_list dt{padding:12px 0;font-size:20px;color:#fff;background-color:#8b8f97;}
/*.detail_list dd{height:155px;padding:20px 15px;font-size:14px;color:#333333;line-height:1.4;border:1px solid #e5e5e5;border-top:0;word-break:keep-all;text-align:left;}*/
.detail_list dd{height:155px;padding:20px 15px;font-size:13px;color:#333333;line-height:1.4;border:1px solid #e5e5e5;border-top:0;word-break:keep-all;text-align:left;}
.detail_list dd > p{line-height:1.4;}

/*img*/
.img_area{text-align:center;}

/*table*/
.tb_text{font-size:14px;color:#666666;font-weight:300;}
.tb_text + .tb_type_row{margin-top:20px;}
.tb_type_row{border-top:1px solid #000000;}
.tb_type_row th{padding:22px 0;background-color:#f4f4f4;font-size:18px;color:#000000;font-weight:300;text-align:center;border-bottom:1px solid #dcdcdc;}
.tb_type_row td{padding:13px 0 13px 20px;font-size:16px;color:#000000;border-bottom:1px solid #dcdcdc;text-align:left;}
.tb_type_col{border-top:2px solid #000000;}
.tb_type_col thead th{padding:17px 0 20px;background-color:#f6f6f6;font-size:18px;color:#000000;text-align:center;border-bottom:1px solid #dcdcdc;}
.tb_type_col td{padding:20px;font-size:16px;color:#000000;border-bottom:1px solid #dcdcdc;text-align:left;}
.tb_type_col td.tac{padding-left:0;padding-right:0;text-align:center;}
.tb_type_col td .txt_subject{display:block;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tb_type_row + .btn_area,
.tb_type_col + .btn_area{margin-top:30px;}

/*search*/
.search_area{padding:30px 0;background-color:#f6f6f6;text-align:center;}
.search_area select{min-width:90px;height:40px;line-height:40px;font-size:16px;color:#000;border:1px solid #a1a1a1;}
.search_area input[type='text']{width:230px;height:40px;line-height:40px;margin:0 7px;font-size:16px;color:#000;border:1px solid #a1a1a1;background-color:#fff;}
.search_area .btn{vertical-align:middle;}

/*button*/
.btn_area{text-align:center;}
.btn_area2{padding:30px 0;text-align:center;}
.btn{display:inline-block;}
.btn + .btn{margin-left:15px;}
.btn.large{padding:0 10px;min-width:200px;height:60px;line-height:60px;font-size:18px;}
.btn.medium{padding:0 10px;min-width:130px;height:40px;line-height:40px;font-size:16px;}
.btn.blue{background-color:#0054a5;color:#fff;}
.btn.gray{background-color:#a6a9ab;color:#fff;}
.btn.black{background-color:#fff;border:1px solid #000000;}


/*About US*/
.about_us .visual_area{background:url('../images/aboutUs/visual_about_us.jpg') no-repeat 0 0;}
.about_us .info_circle_area{margin-top:75px;}
.about_us .info_solution li{background-image:url('../images/aboutUs/ico_solution.gif');}
.about_us .go_service{margin-top:80px;padding:47px 0 40px;background-color:#eeeeee;}
.about_us .go_service > dd{margin-top:35px;text-align:center}
.about_us .go_service > dd > a{display:inline-block;margin:0 20px;}
.about_us .ceo_greeting{margin-top:30px;}
.about_us .ceo_greeting:after{content:"";display:block;clear:both;}
.about_us .ceo_greeting .fl{width:48%;}
.about_us .ceo_greeting .fr{width:48%;}
.about_us .ceo_greeting p{font-size:16px;color:#222;font-weight:300;line-height:1.6;word-break:keep-all;}
.about_us .ceo_greeting .company_name{display:block;margin-top:60px;color:#0054a5;line-height:1.6;}
.about_us .ceo_greeting .ceo_name{display:block;font-size:22px;color:#222;line-height:1.6;}
.about_us .company_history{margin-bottom:120px;}
.about_us .list_history .tab_cont dl{position:relative;margin-top:38px;padding-top:40px;border-top:1px solid #dddddd;}
.about_us .list_history .tab_cont dl:first-child{margin-top:0;border-top:0;}
.about_us .list_history .tab_cont dt{position:absolute;left:0;top:40px;font-size:36px;color:#000;}
.about_us .list_history .tab_cont dd{padding-left:265px;}
.about_us .list_history .tab_cont dd p{padding-left:27px;font-size:16px;font-weight:300;color:#000;line-height:1.8;text-indent:-27px;}
.about_us .news_list > li{display:table;width:100%;padding:33px 0;border-bottom:1px solid #e5e5e5;table-layout:fixed;}
.about_us .news_list > li:first-child{border-top:2px solid #222222;}
.about_us .news_list > li .reg_day{display:table-cell;width:160px;color:#222222;text-align:center;vertical-align:middle;border-right:1px solid #e5e5e5;}
.about_us .news_list > li .reg_day .date{display:block;font-size:48px;font-weight:600;}
.about_us .news_list > li .reg_day .year{display:block;font-size:16px;font-weight:300;}
.about_us .news_list > li .cont{display:table-cell;width:820px;padding:0 50px;vertical-align:middle;}
.about_us .news_list > li .cont > dt{width:100%;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.about_us .news_list > li .cont > dd{width:100%;margin-top:10px;font-size:16px;font-weight:300;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.about_us .news_list > li .btn_view{display:table-cell;vertical-align:middle;text-align:right;}
.about_us .news_list > li .btn_view > a{display:inline-block;width:125px;height:48px;line-height:48px;font-size:16px;font-weight:300;color:#222;text-align:center;border:1px solid #222222;}
.about_us .news_list .tab_con{margin-top:40px;}
.about_us .news_list .tab_con:after{content:"";display:block;clear:both;}
.about_us .news_list .tab_con .ex_img{float:left;width:500px;}
.about_us .news_list .tab_con .ex_con{float:right;width:600px;}
.about_us .info_location{padding-left:638px;background:url('../images/aboutUs/bg_location.jpg') no-repeat 0 0;}
.about_us .info_location .tel{margin-top:35px;}
.about_us .info_location .tel dt{font-weight:bold;font-size:16px;}
.about_us .info_location .tel dd{margin-top:7px;font-size:36px;font-weight:bold;letter-spacing:-1px;}
.about_us .info_location .text{margin-top:15px;font-size:16px;line-height:1.4;}
.about_us .transport li{padding:12px 0 12px 100px;margin-top:30px;min-height:84px;line-height:1.6;}
.about_us .transport .t_car{background:url('../images/aboutUs/bg_transport1.gif') no-repeat 0 center;}
.about_us .transport .t_subway{background:url('../images/aboutUs/bg_transport2.gif') no-repeat 0 center;}
.about_us .transport li > strong{font-size:16px;font-weight:600;}
.about_us .transport li > p{margin-top:5px;font-size:16px;line-height:1.4;}
.about_us .map_location{margin-top:60px;}
.info_ask{margin-top:40px;}
.info_ask:after{content:"";display:block;clear:both;}
.info_ask > dl{float:left;width:50%;padding:17px 0 17px 120px;min-height:100px;}
.info_ask > dl dt{font-size:18px;font-weight:bold;}
.info_ask > dl dd{margin-top:5px;font-size:16px;font-weight:300;line-height:1.4;}
.info_ask .solution{background:url('../images/aboutUs/bg_ask1.gif') no-repeat 0 center;}
.info_ask .ad{background:url('../images/aboutUs/bg_ask2.gif') no-repeat 0 center;}

/*solutions*/
.solutions .txt_phrase{margin-top:60px;}
.solutions .visual_area{background:url('../images/solutions/visual_solutions.jpg') no-repeat 0 0;}
.solutions .summary_area{margin-top:40px;}
.solutions .info_mailer{margin-top:50px;}
.solutions .info_mailer li{background-image:url('../images/solutions/ico_mailshot.gif');}
.solutions .info_mailshot_key{margin-top:55px;padding:45px 80px 40px;background-color:#eeeeee;}
.solutions .info_mailshot_key .list{margin-top:30px;text-align:center;font-size:0;}
.solutions .info_mailshot_key .list li{display:inline-block;width:299px;margin-left:40px;padding-top:166px;font-size:0;}
.solutions .info_mailshot_key .list li:first-child{margin-left:0;}
.solutions .info_mailshot_key .list dl{height:313px;padding:25px 25px 0;background-color:#fff;}
.solutions .info_mailshot_key .list dt{font-size:24px;color:#000;}
.solutions .info_mailshot_key .list dd p{margin-top:14px;font-size:13px;color:#333333;font-weight:300;text-align:left;line-height:1.4;}
.solutions .info_mailshot_key .list .info1{background:url('../images/solutions/img_key_factors1.jpg') no-repeat 0 0;}
.solutions .info_mailshot_key .list .info2{background:url('../images/solutions/img_key_factors2.jpg') no-repeat 0 0;}
.solutions .info_mailshot_key .list .info3{background:url('../images/solutions/img_key_factors3.jpg') no-repeat 0 0;}



.solutions .mailer_util{margin-top:60px;text-align:center;font-size:0;}
.solutions .mailer_util li{display:inline-block;width:220px;margin-left:28px;font-size:0;vertical-align:top;}
.solutions .mailer_util li:first-child{margin-left:0 !important;}
.solutions .mailer_util li:before{content:"";display:inline-block;width:152px;height:152px;margin-bottom:23px;background:url('../images/solutions/ico_mailshot2.gif') no-repeat 0 0;}
.solutions .mailer_util li dt{padding:12px 0;background-color:#8b8f97;color:#fff;font-size:20px;}
.solutions .mailer_util li dd{min-height: 300px;padding:20px 15px;border:1px solid #e5e5e5;border-top:0;text-align:left;}
/*
.solutions .mailer_util li dd p{margin-top:17px;font-size:14px;color:#333333;font-weight:300;text-align:left;line-height:1.4;}
*/
.solutions .mailer_util li dd p{margin-top:17px;font-size:13px;color:#333333;font-weight:300;text-align:left;line-height:1.4;}
.solutions .mailer_util li dd p:first-child{margin-top:0;}
.solutions .mailer_util .info1:before{background-position:;}
.solutions .mailer_util .info2:before{background-position:-152px 0;}
.solutions .mailer_util .info3:before{background-position:-304px 0;}
.solutions .mailer_util .info4:before{background-position:-456px 0;}
.solutions .mailer_util .info5:before{background-position:-608px 0;}

.solutions .auto_key_factors{margin-top:60px;}
.solutions .auto_key_factors .mailer_util li{width:210px;margin-left:20px;}
.solutions .auto_key_factors .mailer_util li:before{background-image:url('../images/solutions/ico_automail.gif');}
.solutions .info_advatage{margin:40px 0 80px;}
.solutions .info_advatage:after{content:"";display:block;clear:both;}
.solutions .info_advatage li{display:table;float:left;width:calc(33.333% - 9.333px);height:111px;margin:14px 0 0 14px;border:6px solid #0054a5;border-radius:10px;}
.solutions .info_advatage li:nth-child(3n+1){margin-left:0;}
.solutions .info_advatage li:nth-child(2n){border:6px solid #199abf;}
.solutions .info_advatage li > span{display:table-cell;font-size:20px;color:#222;line-height:1.2;vertical-align:middle;text-align:center;}
.solutions .info_sms_fax li{background-image:url('../images/solutions/ico_fax.gif');}
.solutions .ad_process{padding:56px 0 54px;background-color:#f3f4f8;text-align:center;}
.solutions .ad_price{margin-top:70px;font-size:0;text-align:center;}
.solutions .ad_price dd{display:inline-block;width:300px;padding-top:164px;margin-left:30px;font-size:0;vertical-align:top;}
.solutions .ad_price dd:nth-of-type(1){margin-left:0;}
.solutions .ad_price .tit{display:block;margin:25px 0 15px;font-size:22px;color:#000222;text-align:center;font-weight:400;}
.solutions .ad_price .imp{font-size:16px;color:#333333;text-align:center;line-height:1.5;}
.solutions .ad_price .imp > strong{font-weight:600;}
.solutions .ad_price .imp > span{font-weight:300;font-size:15px;}
.solutions .ad_price .text{margin-top:10px;font-size:14px;color:#333;text-align:center;}
.solutions .ad_price .info1{background:url('../images/solutions/img_ad_price1.jpg') no-repeat 0 0;}
.solutions .ad_price .info2{background:url('../images/solutions/img_ad_price2.jpg') no-repeat 0 0;}
.solutions .ad_price .info3{background:url('../images/solutions/img_ad_price3.jpg') no-repeat 0 0;}
.solutions .ad_word{margin-top:60px;padding:55px 88px 60px;background-color:#f3f4f8;}
.solutions .ad_word .list{margin-top:40px;}
.solutions .ad_word .list li{margin-top:12px;}
.solutions .ad_word .list li:first-child{margin-top:0;}
.solutions .ad_word .list li > strong{display:inline-block;padding-left:43px;width:174px;height:42px;line-height:43px;color:#fff;font-weight:400;font-size:20px;border-radius:50px;vertical-align:middle;}
.solutions .ad_word .list li > strong.col_purple{background-color:#8c9fdc;}
.solutions .ad_word .list li > strong.col_blue{background-color:#7faedd;}
.solutions .ad_word .list li > strong.col_mint{background-color:#84ccc9;}
.solutions .ad_word .list li > strong.col_green{background-color:#87cc84;}
.solutions .ad_word .list li > span{display:inline-block;margin-left:20px;font-size:16px;color:#333333;font-weight:300;line-height:1.5;vertical-align:middle;}
.solutions .network_media{margin-top:80px;}
.solutions .network_media dd{margin-top:35px;font-size:16px;color:#333333;text-align:center;line-height:1.6;}
.solutions .ad_guide{margin-top:75px;padding:55px 40px 60px;background-color:#f3f4f8;}
.solutions .ad_guide dt{margin-bottom:50px;}
.solutions .ad_guide dd{min-height:188px;}
.solutions .ad_guide .tit{display:inline-block;margin-bottom:30px;width:142px;height:42px;line-height:43px;font-weight:400;font-size:24px;color:#fff;border-radius:50px;text-align:center;}
.solutions .ad_guide .dm{padding-left:323px;background:url('../images/solutions/img_dm.gif') no-repeat 0 0;}
.solutions .ad_guide .dm .tit{background-color:#8c9fdc;}
.solutions .ad_guide .banner{margin-top:40px;padding-left:323px;background:url('../images/solutions/img_banner.gif') no-repeat 0 0;}
.solutions .ad_guide .banner .tit{background-color:#7faedd;}
.solutions .ad_guide .list li{line-height:1.8;}
.solutions .ad_guide .list li > strong{display:inline-block;width:100px;font-size:16px;color:#333333;font-weight:600;}
.solutions .ad_guide .list li > span{display:inline-block;font-size:16px;color:#333333;font-weight:300;}
.solutions .ad_guide .text{margin:20px 0 0 100px;font-size:14px;font-weight:300;color:#333;line-height:1.6;}
.solutions .info_ad_ask{padding:0 90px;margin-top:40px;}
.solutions .info_ad_ask:after{content:"";display:block;clear:both;}
.solutions .info_ad_ask > dl{float:left;width:50%;min-height:142px;padding:15px 0 0 160px;}
.solutions .info_ad_ask > dl dt{margin-bottom:15px;font-size:22px;color:#000222;}
.solutions .info_ad_ask > dl dd{font-size:16px;color:#333;line-height:1.6;font-weight:300;}
.solutions .info_ad_ask > dl dd > p{line-height:1.6;}
.solutions .info_ad_ask > dl dd strong{display:inline-block;width:60px;font-weight:300;}
.solutions .info_ad_ask .ad1{background:url('../images/solutions/bg_ad_ask1.jpg') no-repeat 0 0;}
.solutions .info_ad_ask .ad2{background:url('../images/solutions/bg_ad_ask2.jpg') no-repeat 0 0;}
.solutions .info_kakao li{background-image:url('../images/solutions/ico_kakao.gif');}
.solutions .info_asp li{background-image:url('../images/solutions/ico_asp.gif');}

/*consultation*/
.consultation .visual_area{background:url('../images/consultation/visual_consultation.jpg') no-repeat 0 0;}
.consultation .info_ask{padding:40px 50px;border:10px solid #eeeeee;}
.consultation .info_ask .text{margin-bottom:40px;font-size:24px;color:#000222;font-weight:300;line-height:1.4;}

/*costomers*/
.customers .visual_area{background:url('../images/customers/visual_customers.jpg') no-repeat 0 0;}
.customers .example_intro .tab_con{margin-top:40px;}
.customers .example_intro .tab_con:after{content:"";display:block;clear:both;}
.customers .example_intro .tab_con .ex_img{float:left;width:500px;}
.customers .example_intro .tab_con .ex_con{float:right;width:600px;}
.customers .example_intro .tab_con .ex_con .info{margin-top:20px;padding:30px;background-color:#f3f4f8;}
.customers .example_intro .tab_con .ex_con .info li{margin-top:20px;position:relative;}
.customers .example_intro .tab_con .ex_con .info li:first-child{margin-top:0;}
.customers .example_intro .tab_con .ex_con .info li > strong{display:block;position:absolute;left:0;top:4px;color:#333333;font-size:16px;vertical-align:middle;}
.customers .example_intro .tab_con .ex_con .info li > p{padding-left:90px;color:#333;font-size:16px;font-weight:300;line-height:1.6;}
.customers .example_intro .tab_con .ex_con .text{font-size:16px;color:#333;font-weight:300;line-height:1.5;}
.customers .imp_customer_list li{display:inline-block;margin-top:30px;margin-left:55px;margin-right:30px;width:185px;height:62px;border:1px solid #dddddd;vertical-align:top;}
.customers .imp_customer_list li > a{display:block;}
.customers .imp_customer_list li img{width:180px;height:60px;}

/*support*/
.support .visual_area{background:url('../images/support/visual_support.jpg') no-repeat 0 0;}
.support .suggest_download{margin-bottom:50px;text-align:center;font-size:0;}
.support .suggest_download li{display:inline-block;width:360px;margin-left:30px;font-size:0;}
.support .suggest_download li:first-child{margin-left:0;}
.support .suggest_download li dt{padding:18px 0;background-color:#fff;font-size:24px;color:#fff;font-weight:600;background-color:#3e4452;}
.support .suggest_download li dd{padding:215px 0 40px;background-color:#f6f6f6;}
.support .suggest_download li.menu1 dd{background:#f6f6f6 url('../images/support/bg_download1.gif') no-repeat center 45px;}
.support .suggest_download li.menu2 dd{background:#f6f6f6 url('../images/support/bg_download2.gif') no-repeat center 45px;}
.support .suggest_download li.menu3 dd{background:#f6f6f6 url('../images/support/bg_download3.gif') no-repeat center 45px;}
.support .suggest_download li .btn_down{display:inline-block;width:208px;height:50px;border:1px solid #000222;background-color:#fff;}
.support .suggest_download li .btn_down > span{display:inline-block;padding-right:40px;line-height:48px;font-size:18px;font-weight:600;color:#000222;background:#fff url('../images/support/ico_down.gif') no-repeat right center;}
.support .maintenance_detail{text-align:center;}
.support .maintenance_detail .tit{color:#222222;font-size:30px;font-weight:normal;}
.support .maintenance_detail dd{margin-top:20px;}
.support .maintenance_detail .arrow{padding-bottom:190px;background:url('../images/support/bg_arrow.gif') no-repeat center bottom;}
.support .maintenance_detail .info_strategy{padding:40px 0 50px;background-color:#e4e9ed;}
.support .maintenance_detail .info_strategy ul{padding-left:245px;margin-top:25px;}
.support .maintenance_detail .info_strategy ul li{font-size:18px;color:#222;font-weight:300;line-height:1.8;text-align:left;}
.support .maintenance_detail .info_strategy ul li:before{content:"";display:inline-block;margin-right:7px;width:6px;height:6px;border-radius:25px;background-color:#f07d7c;vertical-align:middle;}
.support .maintenance_detail .txt_imp{padding:30px 0;font-size:24px;color:#fff;text-align:center;background-color:#132848;font-weight:600;}
.support .as_receipt{margin-top:80px;padding:50px 55px;border:10px solid #e4e9ed;}
.support .as_receipt .tit{display:inline-block;padding-top:45px;font-size:30px;font-weight:400;color:#222;vertical-align:top;}
.support .as_receipt dl{display:inline-block;margin-left:30px;padding-left:30px;border-left:1px solid #a9a9a9;}
.support .as_receipt dl dt{margin-top:30px;font-size:18px;color:#222;font-weight:600;line-height:1.6;}
.support .as_receipt dl dt:first-child{margin-top:0;}
.support .as_receipt dl dd{font-size:18px;color:#222;font-weight:300;line-height:1.6;}

.list-basic {width: 1020px;border-top:1px solid #000;margin-top: 10px;}         
.list-basic .list-header {height: 58px;line-height: 58px;font-size: 18px;border-bottom:1px solid #dddde1;background-color: #f6f7f8;}
.list-basic .list-body {padding-top: 10px; height: 44px;border-bottom:1px solid #dddde1;font-size:16px;color:#000000;}
.list-basic .list-body2 {padding-top: 22px; height: 40px;border-bottom:1px solid #dddde1;}
.list-basic .list-body2 img:first-child {padding-right: 10px;}
.list-basic .list-header span {color: #000;font-weight:bold;vertical-align: middle;display: inline-block;text-align: center;}
.list-basic .list-body span {vertical-align: middle;display: inline-block;text-align: center;}
.list-basic .list-body2 span {vertical-align: middle;display: inline-block;text-align: center;}
