@charset "utf-8"; /* @import url("reset.css"); */ @import url("common.css"); /* @import url("layout.css"); */ #container #sub_content{width:100%} /* sub background------------------------------------------------------------------------------- */ #container #sub_content.cus_bg{background:url('../img/itg/customer/subvisual_01.jpg') no-repeat 50% top} #container #sub_content.com_bg{background:url('../img/itg/company/subvisual_03.jpg') no-repeat 50% top} #container #sub_content.pp_bg{background:url('../img/itg/sub_pp/subvisual_02.jpg') no-repeat 50% top} #container #sub_content.sol_bg{background:url('../img/itg/solution/subvisual_04.jpg') no-repeat 50% top} #container #sub_content.busi_bg{background:url('../img/itg/business/subvisual_05.jpg') no-repeat 50% top} #container #sub_content.cms_bg{background:url('../img/itg/business/subvisual_06.jpg') no-repeat 50% top} @media screen and (max-width: 768px) { #container #sub_content.cus_bg{background-size:1400px} #container #sub_content.com_bg{background-size:1400px} #container #sub_content.pp_bg{background-size:1400px} #container #sub_content.sol_bg{background-size:1400px} #container #sub_content.busi_bg{background-size:1400px} #container #sub_content.cms_bg{background-size: 1400px} } /* ---------------------------------------------------------------------------------------------- */ /* sub content----------------------------------------------------------------------------------- */ #table_area{position:relative;padding-bottom:170px} #table_area.gray_bg{background:#ededed} #table_area.pbno{padding-bottom:0} #table_area.pb69{padding-bottom:69px} #table_area.pb30{padding-bottom:30px} @media screen and (max-width: 768px) { #table_area{padding-bottom:131px} } /* ---------------------------------------------------------------------------------------------- */ /* START-------------------------------------------------------------------------------------------------------------------------------------------- */ /*company_Certiflcation--------------------------------------------------------------------------- */ #table_area .Certiflcation{padding:66px 0 0 0;width:100%;text-align:center;margin:0 auto} #table_area .Certiflcation h3{margin-bottom:21px} #table_area .Certiflcation strong{margin-bottom:12px;display:block;font-size:20px;color:#232526} #table_area .Certiflcation strong span{color:#ba2a2c;font-size:35px;display:block} #table_area .Certiflcation p{font-size:13px;font-weight:bold;line-height:21px;margin-bottom:70px} #table_area .Certiflcation ul{overflow:hidden} #table_area .Certiflcation ul li{width:20%;float:left;min-height:313px} #table_area .Certiflcation ul li span{display:block;font-size:14px;padding:17px 0;font-weight:bold} /*------------------------------------------------------------------------------------------------------- */ /* partner--------------------------------------------------------------------------------------------------------------------- */ #table_area .partnerinner{width:100%;margin:0 auto;text-align:center;} #table_area .partnerinner h3{color:#232526;font-size:20px;padding:25px 0 70px 0;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} #table_area .partnerinner h3 span{font-size:35px;color:#ba2a2c} #table_area .partnerinner ul{font-size:0;text-align:left;margin:0;} #table_area .partnerinner ul li{width:20%;height:138px;line-height:138px;display:inline-block;vertical-align:top;background:#FFF;font-size: 14px;/* position:relative; */border:1px solid #d5d5d5;margin:0 -1px -1px 0;text-align:center;box-sizing:border-box;} #table_area .partnerinner ul li.last{margin:0 0 -1px 0} #table_area .partnerinner ul li.last_l{margin:0 -1px 0 0} /* #table_area .partnerinner ul li div{position:absolute;width:100%;height:100%;background:url('../img/itg/company/over_bg.png');top:0;left:0;display:none} #table_area .partnerinner ul li:hover div{display:block} #table_area .partnerinner ul li a:focus + div{display:block} */ #table_area .partnerinner ul li img{vertical-align:middle} /* #table_area .partnerinner ul li a{display:block;height:138px;line-height:138px} */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* location------------------------------------------------------------------------------------------------------------------- */ #table_area .location{width:100%;margin:0 auto;text-align:center;padding:66px 0 0 0} #table_area .location h3{color:#ba2a2c;font-size:35px;margin-bottom:20px;padding-top:25px;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} #table_area .location p{font-size:13px;line-height:20px;padding-bottom:70px;font-weight:bold} #table_area .loc_con{background:url("../img/itg/company/loc_pattern.jpg");overflow:hidden;padding:48px 0 56px 0} #table_area .loc_con .loc_con_inner{width:100%;margin:0 auto;color:#232526;overflow:hidden} #table_area .loc_con .loc_con_inner h4{font-size:19px;padding-bottom:20px;background:url("../img/itg/company/loc_bar.png") no-repeat left bottom;margin-bottom:34px} #table_area .loc_con .loc_con_inner ul{overflow:hidden} #table_area .loc_con .loc_con_inner ul li{font-size:13px;line-height:26px;letter-spacing:-1px} #table_area .loc_con .loc_con_inner ul li span{display:inline-block;overflow:hidden;color:#808080} #table_area .loc_con .loc_con_inner ul li span a{color:#808080} #table_area .loc_con .loc_con_inner ul li strong{display:inline-block;float:left} #table_area .loc_con .loc_con_inner .loc_area01{width:349px;padding-right:60px;float:left} #table_area .loc_con .loc_con_inner .loc_area01 ul li{overflow:hidden} #table_area .loc_con .loc_con_inner .loc_area01 ul li strong{width:55px} #table_area .loc_con .loc_con_inner .loc_area02{float:left;width:204px;padding-right:105px} #table_area .loc_con .loc_con_inner .loc_area02 ul li{overflow:hidden} #table_area .loc_con .loc_con_inner .loc_area02 ul li strong{width:92px} #table_area .loc_con .loc_con_inner .loc_area03{width:306px;float:left} #table_area .loc_con .loc_con_inner .loc_area03 ul li {overflow:hidden} #table_area .loc_con .loc_con_inner .loc_area03 ul li strong{width:54px} #table_area .loc_con .loc_con_inner .loc_area03 ul li span{width:232px} #map{height:536px;background:#e5e5e5} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* history------------------------------------------------------------------------------------------------------------------------ */ #table_area .history{width:100%;margin:0 auto;} #table_area .history h3{color:#ba2a2c;text-align:center;font-size:35px;margin-bottom: 20px;padding-top:25px; background: url("../img/itg/common/bar_red.jpg") no-repeat 50% top;} #table_area .history p{font-size:13px;line-height: 21px;font-weight: bold;text-align:center} #table_area .history .his_content{background:url("../img/itg/company/history_bg.png") no-repeat left 65px;padding:90px 0 66px 449px} #table_area .history .his_content ul{overflow:hidden;padding-bottom:40px} #table_area .history .his_content ul li{overflow:hidden;font-size:13px;line-height:20px} #table_area .history .his_content ul li strong{display:inline-block;padding-right:20px;color:#ba2a2c;font-weight:900} #table_area .history .his_content ul li span{display:inline-block} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* overview------------------------------------------------------------------------------------------------------------------ */ #table_area .title{width:100%;margin:0 auto;padding:66px 0 70px 0} #table_area .title h3{text-align:center;font-size:35px;color:#232526;} #table_area .title h3 span.wrap{padding-right:58px;background:url("../img/itg/company/quotation_02.png") no-repeat right top} #table_area .title h3 span.wrap span{color:#ba2a2c;background:url("../img/itg/company/quotation_01.png") no-repeat left top;padding-left:58px} #table_area .title p{text-align:center;padding:15px 0 0 0;color:808080;font-size:13px;line-height:21px;font-weight:bold} #table_area .overview_middle{background:#ba2a2c} #table_area .overview_inner{width:100%;margin:0 auto;background:url("../img/itg/company/overview_bg.png") no-repeat 54% 50%;padding:62px 30px 82px 30px;overflow:hidden;background-size: 35% auto;box-sizing: border-box;} #table_area .overview_inner h4{font-size:30px;color:#fff} #table_area .overview_inner ul{overflow:hidden;color:#FFF;font-size:13px} #table_area .overview_inner ul li{overflow:hidden;line-height:20px} #table_area .overview_inner ul li strong{width:85px;display:inline-block;float:left;padding-left:10px;background:url("../img/itg/company/overview_bull.png") no-repeat 3px 50%} #table_area .overview_inner ul li span{width:200px;display:inline-block;float:left;color:#e7d9d9} #table_area .overview_inner ul li span a{color:#e7d9d9} #table_area .overview_inner .leftarea{float:left} #table_area .overview_inner .leftarea ul{margin-bottom:20px} #table_area .overview_inner .leftarea a.symbol{display:inline-block;color:#FFF;font-size:12px;font-weight:bold;padding:12px 40px 12px 22px;border-radius:5px;background:#343434 url("../img/itg/company/symbol_arrow.png") no-repeat 174px center} #table_area .overview_inner .rightarea{float:right;padding-right:15px} #table_area .overview_inner .rightarea strong{color:#FFF;padding-bottom:21px;display:block} #table_area .overview_inner .rightarea ul li{padding-left:10px;background:url("../img/itg/company/overview_bull.png") no-repeat 3px 8px} #table_area .overview_inner .rightarea h4{padding-bottom:7px} #table_area .overview_bottom{padding:76px 0;background:url("../img/itg/company/overview_bottom.jpg")} #table_area .overview_bottom .bottom_inner{width:100%;margin:0 auto;text-align:center} #table_area .overview_bottom .bottom_inner ul{overflow:hidden;display: inline-block;margin: auto;} #table_area .overview_bottom .bottom_inner ul li{float:left} #table_area .overview_bottom .bottom_inner ul li strong{font-size:20px;color:#232526} #table_area .overview_bottom .bottom_inner ul li p{padding-bottom:0;font-size:12px;padding-top:15px;line-height:18px} #table_area .overview_bottom .bottom_inner ul li.list01{width:270px;padding-right:33px;background:url("../img/itg/company/overview_plus.png") no-repeat right 50%} #table_area .overview_bottom .bottom_inner ul li.list02{width:270px;padding-right:33px;background:url("../img/itg/company/overview_plus.png") no-repeat right 50%} #table_area .overview_bottom .bottom_inner ul li.list03{width:270px} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* organiztion-------------------------------------------------------------------------------------------------------------------- */ #table_area .organiztion{width:100%;margin:0 auto;padding-top:66px} #table_area .organiztion h3{color:#ba2a2c;text-align:center;font-size:35px;margin-bottom:20px;padding-top:25px;background: url("../img/itg/common/bar_red.jpg") no-repeat 50% top;} #table_area .organiztion p{line-height:23px;text-align:center;font-size:13px;font-weight:bold;padding-bottom:30px} #table_area .organiztion .orga_img{position:relative;text-align:center;} #table_area .organiztion .orga_img a.plus{position:absolute;top:0;right:0;display:none} /* ----------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1024px) { /* START-------------------------------------------------------------------------------------------------------------------------------------------- */ /* company_Certiflcation--------------------------------------------------------------------- */ #table_area .Certiflcation{width:auto; padding: 45px 10px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } #table_area .Certiflcation ul li{width:25%} #table_area .Certiflcation strong{font-size:18px} #table_area .Certiflcation strong span{font-size:31px} /* ------------------------------------------------------------------------------------------------- */ /* partner--------------------------------------------------------------------------------------------------------------------- */ #table_area .partnerinner{width:auto;padding:45px 20px 0 20px} #table_area .partnerinner h3{font-size:18px} #table_area .partnerinner h3 span{font-size:31px} #table_area .partnerinner ul{border-bottom:0} #table_area .partnerinner ul li{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; width:25%; } #table_area .partnerinner ul li.last{margin:0 -1px -1px 0} #table_area .partnerinner ul li.last:last-child{margin:0 -1px 0 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* location--------------------------------------------------------------------------------------------------------------------- */ #table_area .location{width:auto} #table_area .loc_con .loc_con_inner{width:auto;padding:0 20px} #table_area .loc_con .loc_con_inner .loc_area01{ width:41%; padding-right:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } #table_area .loc_con .loc_con_inner .loc_area02{ width:33%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding-right:30px; } #table_area .loc_con .loc_con_inner .loc_area03{width:26%} #table_area .loc_con .loc_con_inner .loc_area03 ul li span{width:70%} #table_area .loc_con .loc_con_inner .loc_area01 ul li span{width:73%} #table_area .loc_con .loc_con_inner .loc_area02 ul li span{width:43%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* history------------------------------------------------------------------------------------------------------------------------ */ #table_area .history{width:auto;padding:30px 20px 0} #table_area .history p{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #DDD} #table_area .history .his_content{background-size:335px;background-position:20px 46px;padding:40px 0 20px 50%} #table_area .history .his_content ul{padding-bottom:37px} #table_area .history .his_content ul li strong{float:left} #table_area .history .his_content ul li span{width:76%;float:left} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* organiztion-------------------------------------------------------------------------------------------------------------------- */ #table_area .organiztion{width:auto;padding:30px 20px 0 20px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* overview------------------------------------------------------------------------------------------------------------------ */ #table_area .title{width: auto} #table_area .overview_inner{width:auto;padding:62px 20px 82px 20px; background-size:270px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } #table_area .overview_bottom{padding:76px 20px} #table_area .overview_bottom .bottom_inner{width:auto} #table_area .overview_bottom .bottom_inner ul li strong{font-size:17px} #table_area .overview_bottom .bottom_inner ul li p{font-size:13px} #table_area .title h3{font-size:29px;background-position:right 35px} #table_area .overview_bottom .bottom_inner ul li.list01{ width:35%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } #table_area .overview_bottom .bottom_inner ul li.list02{ width:35%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } #table_area .overview_bottom .bottom_inner ul li.list03{width:30%} #table_area .overview_inner h4{font-size:25px} #table_area .overview_inner ul li{font-size:12px} #table_area .overview_inner .leftarea{width:42%} #table_area .overview_inner .rightarea{width:29%;padding-right:0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* END------------------------------------------------------------------------------------------------------------------------------------------------ */ } @media screen and (max-width: 923px) { #table_area .overview_inner{background-size:210px} } @media screen and (max-width: 768px) { #table_area .overview_inner h4{font-size:19px;} /*company_Certiflcation------------------------------------------------------------------- */ #table_area .Certiflcation{padding-top:30px} #table_area .Certiflcation h3 img{width:183px} #table_area .Certiflcation strong img{width:261px} #table_area .Certiflcation p{font-size:12px;margin-bottom:30px} #table_area .Certiflcation ul li{width:33.334%; min-height:320px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding:0 5px } /* --------------------------------------------------------------------------------------------- */ /* partner--------------------------------------------------------------------------------------------------------------------- */ #table_area .partnerinner{padding:30px 20px 0 20px} #table_area .partnerinner h3{padding:20px 0 30px 0} #table_area .partnerinner ul li{width:33.334%} #table_area .partnerinner ul li img{width:60%} #table_area .partnerinner ul li div img{width:auto} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* location------------------------------------------------------------------------------------------------------------------------*/ #table_area .location{padding:30px 20px 30px} #table_area .location p{padding-bottom:0;} #table_area .location h3{padding-top:16px} #table_area .loc_con .loc_con_inner .loc_area01{width:100%;margin-bottom:34px;} #table_area .loc_con .loc_con_inner .loc_area02{width:100%;margin-bottom:34px;border-top:1px solid #DDD;padding-top:33px} #table_area .loc_con .loc_con_inner .loc_area03{width:100%;border-top:1px solid #DDD;padding-top:33px} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* history------------------------------------------------------------------------------------------------------------------------- */ #table_area.pb69{padding-bottom:30px} #table_area .history h3{padding-top:16px} #table_area .history .his_content{background:none;padding:5px 0 20px 0} #table_area .history .his_content ul.last{padding-bottom:0} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* organiztion-------------------------------------------------------------------------------------------------------------------- */ #table_area .organiztion h3{font-size:29px;padding-right:7px;padding-top:16px} #table_area .organiztion p{font-size:12px;line-height:17px} #table_area .organiztion .orga_img a.plus{display:block} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* overview------------------------------------------------------------------------------------------------------------------- */ #table_area .overview_inner{padding:30px 20px;background:none} #table_area .overview_inner .leftarea{padding-bottom:0} #table_area .title{padding:30px 5px} #table_area .title h3{font-size:21px;} #table_area .title h3 span.wrap{background-size:21px;background-position:right top;padding-right:33px} #table_area .title h3 span.wrap span{background-size:23px;background-position:left top;padding-left:33px} #table_area .overview_inner ul li span{float:left} #table_area .overview_inner ul li strong{width:74px} #table_area .overview_bottom{padding:55px 20px} #table_area .overview_inner .leftarea{width:50%} #table_area .overview_inner .rightarea{padding-right:0;float:left;width:50%} #table_area .overview_inner .rightarea strong{font-size:13px} #table_area .overview_bottom .bottom_inner ul li{float:none} #table_area .overview_bottom .bottom_inner ul li.list01{width:100%;padding:0 0 60px 0;background-position:center bottom} #table_area .overview_bottom .bottom_inner ul li.list02{width:100%;padding:20px 0 60px 0;background-position:center bottom} #table_area .overview_bottom .bottom_inner ul li.list03{width:100%;padding:20px 0 0 0} /* ------------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 480px) { /* overview----------------------------------------------------------------------------------------------------------------- */ #table_area .title p{font-size:12px;padding:15px 15px 0 15px} #table_area .title h3{font-size:20px} #table_area .overview_inner .leftarea{width:100%;padding-bottom:34px} #table_area .overview_inner .rightarea{width:100%} #table_area .overview_inner .rightarea h4{border-top:1px solid #c65052;padding-top:31px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* company_Certiflcation------------------------------------------------------------- */ #table_area .Certiflcation ul li{width:50%;min-height: 304px;} #table_area .Certiflcation strong{font-size:12px} #table_area .Certiflcation strong span{font-size:21px} /* ------------------------------------------------------------------------------------------- */ /* partner--------------------------------------------------------------------------------------------------------------------- */ #table_area .partnerinner h3{font-size:12px} #table_area .partnerinner h3 span{font-size:17px} #table_area .partnerinner ul li{width:50%} #table_area .partnerinner ul li a{height:100px;line-height:100px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /*portfolio_list------------------------------------------------------------------------------------------------- */ #table_area .pp_area .item{width:98%;margin-bottom:24px !important} #table_area .pp_area .item a img{width:214px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* location------------------------------------------------------------------------------------------------------------------- */ #table_area .location h3{font-size:27px} #table_area .location p{font-size:12px} #table_area .loc_con .loc_con_inner h4{font-size:19px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* history-------------------------------------------------------------------------------------------------------------------- */ #table_area .history h3{font-size:27px} #table_area .history p{font-size:12px} #table_area .history .his_content ul li span{display:block;width:100%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* organiztion--------------------------------------------------------------------------------------------------------------- */ #table_area .organiztion h3{font-size:27px} #table_area .organiztion p{font-size:12px} /* ----------------------------------------------------------------------------------------------------------------------------- */ } /*END--------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* START------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* business_top----------------------------------------------------------------------------------------------------------- */ #table_area .busi_title{width:100%;margin:0 auto;padding:0 0 66px 0;text-align:center} #table_area .busi_title h3{color:#232526;font-size:30px;padding-top:25px;margin-bottom:25px;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} #table_area .busi_title p{font-size:13px;font-weight:bold;line-height:21px} #table_area .busi_title p strong{color:#ba2a2c} #table_area .busi_title p.btn_demo{margin-top: 30px;} #table_area .busi_title p.btn_demo a{padding: 12px 35px 12px 18px;font-size: 13px;color: #fff;font-weight: bold;border-radius: 5px;background: #ba2a2c url(../img/itg/solution/btn_arrow.png) right center no-repeat;margin-right: 10px;display: inline-block;} #table_area .busi_title p.btn_demo a.cubecms{background: #2171a6 url('../img/itg/solution/btn_arrow_bl.png') right center no-repeat;} #table_area .busi_title p.demo{margin-top: 30px;margin-bottom: 5px;color: #a42527;} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_common-------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea{padding:70px 0;background:url("../img/itg/business/bottom_bg.jpg");overflow:hidden} #table_area .busi_conarea .busi_con_inner{width:100%;margin:0 auto} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_web_site----------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul{overflow:hidden} #table_area .busi_conarea .busi_con_inner ul.web_list li{float:left;width:25%;text-align:center} #table_area .busi_conarea .busi_con_inner ul.web_list li strong{font-size:20px;color:#232526;display:block;padding:131px 0 10px 0} #table_area .busi_conarea .busi_con_inner ul.web_list li p{font-size:12px;line-height:19px} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_01 strong{background:url("../img/itg/business/website_01.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_02 strong{background:url("../img/itg/business/website_02.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_03 strong{background:url("../img/itg/business/website_03.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_04 strong{background:url("../img/itg/business/website_04.png") no-repeat 50% top} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_mobile------------------------------------------------------------------------------------------------------ */ #table_area .busi_conarea .busi_con_inner .mobile{background:url("../img/itg/business/mobile_bg.png") no-repeat 55px top;padding:0 0 65px 50%} #table_area .busi_conarea .busi_con_inner .mobile dl dt{color:#232526;line-height:24px;display:block;padding:30px 0 30px 0;font-size:17px;font-weight:bold} #table_area .busi_conarea .busi_con_inner .mobile dl{overflow:hidden;font-size:13px} #table_area .busi_conarea .busi_con_inner .mobile dl dd{padding-left:10px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_its------------------------------------------------------------------------------------------------------------ */ #table_area .busi_conarea .busi_con_inner ul.its_list{overflow:hidden} #table_area .busi_conarea .busi_con_inner ul.its_list li{float:left;width:25%} #table_area .busi_conarea .busi_con_inner ul.its_list li dl dt{padding:140px 0 20px 0;text-align:center;font-weight:bold;font-size:18px;color:#232526} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_01 dl dt{background:url("../img/itg/business/its_01.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_02 dl dt{background:url("../img/itg/business/its_02.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_03 dl dt{background:url("../img/itg/business/its_03.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner ul.its_list li dl dd{font-size:13px;line-height:20px} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_01 dl dd{padding-left:10px} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_03 dl dd{padding-left:10px} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_02 dl dd{text-align:center} /* #table_area .busi_conarea .busi_con_inner ul.its_list li strong{padding:140px 0 20px 0;display:block;text-align:center;font-size:18px;color:#232526} */ #table_area .busi_conarea .busi_con_inner ul.its_list li.its_04 dl dt{background:url("../img/itg/business/its_04.png") no-repeat 50% top;padding:140px 0 20px 0;} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_04 dl dd{font-size:13px;line-height:20px;text-align:center} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_di_con----------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .di_con{background:url("../img/itg/business/di_con_bg.png") no-repeat 95px top;padding:0 0 20px 54%} #table_area .busi_conarea .busi_con_inner .di_con ul.di_con_list{overflow:hidden;font-size:13px;padding-top:10px} #table_area .busi_conarea .busi_con_inner .di_con ul.di_con_list li{padding-left:13px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px} /* business_sns-------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sns{background:url("../img/itg/business/sns_bg.png") no-repeat 95px top;padding:0 0 56px 54%;height:auto;} #table_area .busi_conarea .busi_con_inner .sns ul.sns_list{overflow:hidden;padding:70px 0 20px 0;font-size:13px} #table_area .busi_conarea .busi_con_inner .sns ul.sns_list li{padding-left:10px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_public------------------------------------------------------------------------------------------------------ */ #table_area .busi_conarea .busi_con_inner .public{overflow:hidden} #table_area .busi_conarea .busi_con_inner .public .public_area01{width:50%;float:left;} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl{padding:30px 0 70px 34%;background:url("../img/itg/business/public_bg01.png") no-repeat left top} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl dt{color:#232526;font-size:20px;font-weight:bold;padding-bottom:20px} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl dd{padding-left:13px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px;font-size:13px} #table_area .busi_conarea .busi_con_inner .public .public_area02{width:50%;float:left;} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl{padding:30px 0 100px 34%;background:url("../img/itg/business/public_bg02.png") no-repeat left top} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl dt{color:#232526;font-size:20px;font-weight:bold;padding-bottom:20px} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl dd{padding-left:13px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px;font-size:13px} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_web_stan-------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .web_stan{background:url("../img/itg/business/acc_bg.png") no-repeat 45px top;padding:0 0 30px 49%;overflow:hidden} #table_area .busi_conarea .busi_con_inner .web_stan dl dt{color:#232526;line-height:24px;display:block;padding:30px 0 30px 0;font-weight:bold} #table_area .busi_conarea .busi_con_inner .web_stan dl dd{padding-left:13px;background:url("../img/itg/business/bull.png") no-repeat 3px 9px;line-height:22px;font-size:13px} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_security---------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sec_left{width:65%;float:left} #table_area .busi_conarea .busi_con_inner .sec_right{width:35%;float:left} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list{overflow:hidden;text-align:center} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li{float:left;width:50%} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li strong{padding:140px 0 0 0;display:block;color:#232526;font-size:17px;font-weight:800} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_01{padding-bottom:100px} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_02{padding-bottom:100px} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_01 strong{background:url("../img/itg/business/security_01.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_02 strong{background:url("../img/itg/business/security_02.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .sec_right dl dt{padding:140px 0 20px 0;color:#232526;font-size:17px;font-weight:800;background:url("../img/itg/business/security_03.png") no-repeat 50% top;text-align:center} #table_area .busi_conarea .busi_con_inner .sec_right dl dd{font-size:13px;line-height:20px;text-align:center} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_03 strong{background:url("../img/itg/business/security_04.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_04 strong{background:url("../img/itg/business/security_05.png") no-repeat 50% top} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* business_si------------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .si_left{width:65%;float:left;text-align:center} #table_area .busi_conarea .busi_con_inner .si_left p{font-size:13px;line-height:21px} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list{overflow:hidden} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li{float:left;width:50%;min-height:370px} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li strong{padding:140px 0 20px 0;display:block;color:#232526;font-size:17px;font-weight:800} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li.si_01 strong{background:url("../img/itg/business/system_01.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li.si_02 strong{background:url("../img/itg/business/system_02.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li.si_03 strong{background:url("../img/itg/business/system_04.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li.si_04 strong{background:url("../img/itg/business/system_05.png") no-repeat 50% top} #table_area .busi_conarea .busi_con_inner .si_right{width:35%;float:left;text-align:center} #table_area .busi_conarea .busi_con_inner .si_right p{font-size:13px;line-height:21px} #table_area .busi_conarea .busi_con_inner .si_right strong{padding:140px 0 20px 0;display:block;color:#232526;font-size:18px;font-weight:800;background:url("../img/itg/business/system_03.png") no-repeat 50% top} /* ------------------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width: 1024px) { /* business_top----------------------------------------------------------------------------------------------------------- */ #table_area .busi_title{width:auto;padding:69px 20px 75px 20px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_common------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner{width:auto} #table_area .busi_conarea .busi_con_inner ul.web_list li p{font-size:11px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_mobile---------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .mobile{background-size:273px;background-position:47px 44px;padding-left:364px} #table_area .busi_conarea .busi_con_inner .mobile dl dt{padding-top:50px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_sns-------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sns{background-size:273px;background-position:47px 30px;padding-left:364px} #table_area .busi_conarea .busi_con_inner .sns ul.sns_list{padding:56px 0 20px 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_public----------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .public .public_area01 dl{background-size:104px;padding-right:20px} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl{background-size:104px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_web_stan------------------------------------------------------------------------------------------------ */ #table_area .busi_conarea .busi_con_inner .web_stan{background-size:273px;background-position:47px 44px;padding-left:364px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_di_con---------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .di_con{background-size:273px;background-position:47px 44px;padding-left:364px} /* ----------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 768px) { /* business_common---------------------------------------------------------------------------------------------------- */ #table_area .busi_title{padding:30px 20px} #table_area .busi_title h3{margin-bottom:15px;padding-top:20px} #table_area .busi_conarea{padding:55px 20px} /* ------------------------------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul.web_list li strong{padding:125px 0 10px} /* business_web----------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul.web_list li{width:50%} #table_area .busi_conarea .busi_con_inner ul.web_list li strong{font-size:19px} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_03{padding-top:55px} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_04{padding-top:55px} #table_area .busi_conarea .busi_con_inner ul.web_list li p{font-size:13px} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_mobile------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .mobile{padding:15px 0 20px 275px;background-position:20px 27px; background-size:217px} #table_area .busi_conarea .busi_con_inner .mobile dl dt{padding-top:0} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_its------------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul.its_list li{width:50%;min-height:286px} #table_area .busi_conarea .busi_con_inner ul.its_list li dl dt{font-size:17px;padding:125px 0 10px } #table_area .busi_conarea .busi_con_inner ul.its_list li:nth-child(3){min-height:259px} #table_area .busi_conarea .busi_con_inner ul.its_list li:nth-child(4){min-height:259px} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_01 dl dd{text-align:center} #table_area .busi_conarea .busi_con_inner ul.its_list li.its_03 dl dd{text-align:center} #table_area .busi_conarea .busi_con_inner ul.its_list li strong{font-size:17px;padding:125px 0 10px} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_sns----------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sns{padding:0 0 40px 275px;background-position:20px 27px; background-size:217px} #table_area .busi_conarea .busi_con_inner .sns ul.sns_list{font-size:13px;padding:30px 0 0 0} #table_area .busi_conarea .busi_con_inner .sns ul.sns_list li{line-height:23px} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_public-------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .public .public_area01{float:none;width:100%} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl dt{font-size:17px} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl{padding-left:150px} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl dt{font-size:17px} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl{padding-left:150px} #table_area .busi_conarea .busi_con_inner .public .public_area02{float:none;width:100%} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_web_stan-------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .web_stan{padding:0 0 0 275px;background-position:20px 27px; background-size:217px} #table_area .busi_conarea .busi_con_inner .web_stan dl dt{padding:0 0 20px 0} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_sicurity------------------------------------------------------------------------------------------------------ */ #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li strong{font-size:17px;padding:125px 0 0;min-height:87px} #table_area .busi_conarea .busi_con_inner .sec_left{width:100%} #table_area .busi_conarea .busi_con_inner .sec_left ul li{min-height:203px} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_01{padding-bottom:0} #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li.sec_02{padding-bottom:0} #table_area .busi_conarea .busi_con_inner .sec_right{width:50%} #table_area .busi_conarea .busi_con_inner .sec_right dl dt{font-size:17px;padding:125px 0 20px 0} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_si-------------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .si_left{width:100%} #table_area .busi_conarea .busi_con_inner .si_right{width:50%} #table_area .busi_conarea .busi_con_inner .si_right strong{font-size:17px;padding:125px 0 13px 0} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li{min-height:293px} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li strong{padding:125px 0 13px 0} /* ------------------------------------------------------------------------------------------------------------------------------- */ /* business_di_con------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .di_con{padding:0 0 0 275px;background-position:20px 27px; background-size:217px} #table_area .busi_conarea .busi_con_inner .di_con ul.di_con_list{padding-top:0} /* ------------------------------------------------------------------------------------------------------------------------------- */ #table_area .busi_title p.btn_demo a{display: block;max-width: 150px;margin: 5px auto 0;padding: 8px 35px 8px 18px;} } @media screen and (max-width: 595px) { #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li{min-height:316px} } @media screen and (max-width: 580px) { #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li{min-height:362px} } @media screen and (max-width: 540px) { #table_area .busi_conarea .busi_con_inner .web_stan{padding:0;background:none} #table_area .busi_conarea .busi_con_inner .sns{padding:0;background:none} #table_area .busi_conarea .busi_con_inner .mobile{background:none;padding:0} #table_area .busi_conarea .busi_con_inner .di_con{padding:0;background:none} } @media screen and (max-width: 480px) { /* business_top---------------------------------------------------------------------------------------------------------- */ #table_area .busi_title h3{font-size:27px} #table_area .busi_title p{font-size:12px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_web-------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul.web_list li{width:100%} #table_area .busi_conarea .busi_con_inner ul.web_list li.web_02{padding-top:25px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_its---------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner ul.its_list li{width:100%;min-height:234px} #table_area .busi_conarea .busi_con_inner ul.its_list li:nth-child(2){padding-top:55px} #table_area .busi_conarea .busi_con_inner ul.its_list li:nth-child(3){padding-top:55px} #table_area .busi_conarea .busi_con_inner ul.its_list li:nth-child(4){padding-top:55px} /* ----------------------------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sns ul.sns_list{padding:0} /* business_public----------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .public .public_area01 dl{background:none;padding:0 0 30px 0} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl{background:none;padding:0} #table_area .busi_conarea .busi_con_inner .public .public_area01 dl dt{padding-bottom:15px} #table_area .busi_conarea .busi_con_inner .public .public_area02 dl dt{padding-bottom:15px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_security--------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .sec_left ul.sec_list li{width:100%} #table_area .busi_conarea .busi_con_inner .sec_right{width:100%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* business_si----------------------------------------------------------------------------------------------------------- */ #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li{width:100%;min-height:280px} #table_area .busi_conarea .busi_con_inner .si_right{width:100%} #table_area .busi_conarea .busi_con_inner .si_left ul.si_list li:first-child{min-height:297px} /* ----------------------------------------------------------------------------------------------------------------------------- */ } /* END----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* START----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* solution----------------------------------------------------------------------------------------------------------------------- */ #table_area .solution{width:100%;margin:0 auto;} #table_area .solution .rndtit{margin-bottom:45px;text-align:center} #table_area .solution .rndtit h3{display:block;margin-bottom:10px;font-size:30px;color:#232526;padding-top:25px;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} #table_area .solution .rndtit h3 span{color:#ba2a2c} #table_area .solution .rndtit p{font-weight:bold} #table_area .solution .pdttit{margin-bottom:45px;text-align:center} #table_area .solution .pdttit h3{margin-bottom:5px;font-size:23px;font-weight:bold;color:#232526;line-height:34px;padding-top:25px;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} #table_area .solution .pdttit .mmsg{line-height:18px;font-size:12px;font-weight:bold} #table_area .solution .pdttit h3 span{display:block;margin-bottom:15px;font-size:30px;color:#ba2a2c} #table_area .solution .graph{height:161px;margin-bottom:75px;background:url('../img/itg/solution/graph_pc.png') center top no-repeat} #table_area .solution .tableW{} #table_area .solution .tablemsg{margin-bottom:10px;font-size:12px;display:none} #table_area .solution table.rnd{table-layout:fixed;width:100%;min-width:768px} #table_area .solution table.rnd th{padding:14px 0;color:#fff;font-size:13px;background-color:#7a7b80} #table_area .solution table.rnd td{padding:20px 15px;font-size:12px;line-height:18px;border-bottom:1px solid #d7d7d7} #table_area .solution table.rnd td.last{text-align:center} #table_area .solution table.rnd p.list{padding-left:8px;background:url('../img/itg/solution/table_dot.png') left 7px no-repeat} #table_area .solution ul.product{/*width:100%;min-width:768px;*/border-top:4px solid #ba2a2c} #table_area .solution ul.product li{padding:30px 0;border-bottom:1px solid #d7d7d7} #table_area .solution dl.pdetail{position:relative;overflow:hidden} #table_area .solution dl.pdetail dt{width:25%;float:left;padding-top:12px} #table_area .solution dl.pdetail dt strong{display:inline-block;padding-top:15px;font-size:19px;color:#202020;background:url('../img/itg/solution/product_line.png') left top no-repeat} #table_area .solution dl.pdetail dd.img{width:145px;float:left} #table_area .solution dl.pdetail dd.txt{overflow:hidden;padding:10px 0 0 70px;line-height:18px} #table_area .solution dl.pdetail dd.txt strong{display:block;margin-bottom:10px;font-size:14px;color:#202020} #table_area .solution dl.pdetail dd.txt p.list{margin-bottom:3px;padding-left:8px;font-size:12px;background:url('../img/itg/solution/list_dot.png') left 7px no-repeat;text-align:left} #table_area .solution dl.pdetail dd.txt p.demo{margin-bottom:3px;font-size:12px;text-align:left;color: #a42527;margin-top: 20px;} #table_area .solution dl.pdetail dd.txt p.idpw{font-size:12px;text-align:left;color: #666;} #table_area .solution dl.pdetail dd.btn{position:absolute;right:0;top:50%;margin-top:-20px} #table_area .solution dl.pdetail dd.btn > a{display:inline-block;padding:12px 35px 12px 18px;font-size:13px;color:#fff;font-weight:bold;border-radius:5px;background:#ba2a2c url('../img/itg/solution/btn_arrow.png') right center no-repeat} #table_area .solution dl.pdetail dd.btn > a.cubecms{background: #2171a6 url('../img/itg/solution/btn_arrow_bl.png') right center no-repeat;} #table_area .solution dl.pdetail.demo dd.btn{margin-top: -42px;} #table_area .solution dl.pdetail.demo dd.btn a{display: block;margin-bottom: 5px;} /* ------------------------------------------------------------------------------------------------------------------------------ */ /* END--------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1024px) { /* solution--------------------------------------------------------------------------------------------------------------------- */ #table_area .solution{width:auto;padding:48px 10px 0 10px} #table_area .solution .graph{height:310px;background:url('../img/itg/solution/graph_tablet.png') center top no-repeat} #table_area .solution .tableW{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch} #table_area .solution dl.pdetail dd.btn{top:auto;bottom:0} /* ----------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 768px) { /* solution----------------------------------------------------------------------------------------------------------------------- */ #table_area .solution{padding:30px 10px 0 10px} #table_area .solution .rndtit h3{padding-top:20px} #table_area .solution .pdttit h3{padding-top:20px} #table_area .solution .tablemsg{display:block} #table_area .solution table.rnd td{padding:15px 15px} #table_area .solution ul.product li{padding:20px 0} #table_area .solution dl.pdetail dt{width:26%} #table_area .solution dl.pdetail dd.img{width:25%} #table_area .solution dl.pdetail dd.img img{max-width:100%} #table_area .solution dl.pdetail dd.txt{padding-left:30px} #table_area .solution dl.pdetail dd.btn > a{padding:9px 30px 9px 12px;font-size:12px;} /* ------------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 480px) { /* solution------------------------------------------------------------------------------------------------------------------ */ #table_area .solution .rndtit strong{font-size:26px} #table_area .solution .graph{background-size:255px;height:332px} #table_area .solution .rndtit h3{font-size:20px} #table_area .solution .rndtit p{font-size:12px} #table_area .solution .pdttit h3{font-size:19px} #table_area .solution .pdttit h3 span{font-size:20px} #table_area .solution .pdttit .mmsg{font-size:11px} #table_area .solution dl.pdetail dt{width:auto;float:none;margin-bottom:20px;} #table_area .solution dl.pdetail dd.img{width:auto;float:none;} #table_area .solution dl.pdetail dd.img img{max-width:100%} #table_area .solution dl.pdetail dd.txt{padding-left:5px;margin-bottom:10px;} /* ----------------------------------------------------------------------------------------------------------------------------- */ } /* START----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* portfolio_list---------------------------------------------------------------------------------------------- */ #table_area .pp_area.pp_list{text-align:center;padding-top:69px;overflow:hidden} #table_area .pp_area h3{font-size:30px;color:#232526;margin-bottom:7px;background: url("../img/itg/common/bar_red.jpg") no-repeat scroll 50% top rgba(0, 0, 0, 0);padding-top:13px} #table_area .pp_area p.txt{font-size:12px;font-weight:bold;margin-bottom:36px;} #table_area .pp_area .item{background:#FFF;border:1px solid #bfbfbf;width:323px;float:left;position:relative;overflow:hidden;opacity:0;} #table_area .pp_area .item .t{positon:absolute;left:50%;top:30px;display:block} #table_area .pp_area .bg{ position:absolute; width:100%;height:100%; background:url('../img/itg/main/pf_bg.png'); top:0;left:0; color:#FFF;padding-top:85px; font-size:22px;font-weight:bold; opacity:0; filter: alpha(opacity=0); transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; -ms-transition:opacity 0.5s ease 0s; } #table_area .pp_area .item a.focus{display:inline-block} #table_area .pp_area .item:hover .bg{opacity:1;filter: alpha(opacity=100)} #table_area .pp_area .item a.focusin:focus .bg{opacity:1;filter: alpha(opacity=100)} #table_area .pp_area .item .bg strong{line-height:32px;padding-bottom:26px;margin:10px 0 25px;display:block;padding:0 20px 26px;background:url('../img/itg/main/pf_line.png') no-repeat center bottom} #table_area .pp_area .item .bg strong span{display:block} #table_area .pp_area .item .bg span{display:block;font-size:13px} #table_area .pp_area .item .bg span.last{display:block;margin-top:20px} #table_area .pp_area .item .accmark{position:absolute;top:0;right:28px} /* --------------------------------------------------------------------------------------------------------- */ /* portfolio view------------------------------------------------------------------------------------------------------------- */ #table_area .pp_area{width:100%;margin:0 auto;padding-top:57px} #table_area .pp_area .top_area{padding-bottom:123px} #table_area .pp_area .top_area.seoul_web{background:url("../img/itg/sub_pp/seoul.png") no-repeat right top} #table_area .pp_area .top_area .txtarea{margin-bottom:37px} #table_area .pp_area .top_area .txtarea p.title{font-size:15px;color:#b6292b;font-weight:bold;padding:0} #table_area .pp_area .top_area .txtarea h3{font-size:33px;color:#232526;padding-bottom:44px;background:url('../img/itg/sub_pp/red_bar.jpg') no-repeat left bottom} #table_area .pp_area .top_area .txtarea p{line-height:22px} #table_area .pp_area .top_area .txtarea strong{display:inline-block;font-size:14px;color:#454545;width:74px} #table_area .pp_area .top_area .txtarea p span{font-size:12px} #table_area .pp_area .top_area a.list_btn{display:inline-block;padding:16px 20px;background:#424343;color:#FFF;font-weight:bold;border-radius:5px;margin-right:6px;float:left} #table_area .pp_area .top_area a.launch_btn{display:inline-block;background:#b6292b url('../img/itg/sub_pp/pp_arrow.png') no-repeat 90% 50%;padding:16px 57px 16px 20px;color:#FFF;border-radius:5px;font-weight:bold} #table_area .pp_area .detail_view{margin-bottom:46px} #table_area .pp_area .btns{text-align:center} /* ------------------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width: 1024px) { /* portfolio_list---------------------------------------------------------------------------------------------- */ #masonry_container{overflow:hidden} #table_area .pp_area.pp_list{padding:54px 10px 0 15px} #table_area .pp_area .item .bg{ box-sizing: border-box; padding: 67px 20px 0; opacity:0; filter: alpha(opacity=0);} #table_area .pp_area .item{width:31.5%} #table_area .pp_area .item a img{width:80%} #table_area .pp_area .item.mr24{margin-right:2% !important} #table_area .pp_area .item.mb24{margin-bottom:2% !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* portfolio view------------------------------------------------------------------------------------------------------------- */ #table_area .pp_area{width:auto;padding:57px 20px 0 20px} #table_area .pp_area .top_area.seoul_web{padding-right:412px;background-size:412px} /* ----------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 768px) { /* portfolio_list---------------------------------------------------------------------------------------------- */ #table_area .pp_area .item{width:48.3%;height:283px;margin-bottom:2%} #table_area .pp_area .item:nth-child(even){margin-right:0 !important} #table_area .pp_area .item:nth-child(3){margin-right:2%} #table_area .pp_area .item .bg{opacity:1;top:218px;padding-top:0;height:auto;font-size:14px;} #table_area .pp_area .item .bg strong{height:auto;padding:22px 0;margin:0;background:none;line-height:25px !important} #table_area .pp_area .item .bg strong.last{padding:20px 0} #table_area .pp_area .item .bg span{display:none} #table_area .pp_area .item img{width:226px} #table_area .pp_area .item .accmark{right:16%} #table_area .pp_area .item .accmark img{width:50px} #table_area .pp_area .item .bg strong span{display:none} /* ------------------------------------------------------------------------------------------------- */ /* portfolio view------------------------------------------------------------------------------------------------------------- */ #table_area .pp_area .top_area{padding-bottom:54px} #table_area .pp_area .top_area .txtarea{padding-top:87%} #table_area .pp_area .top_area.seoul_web{background-position:59% top;background-size:100%;padding-right:0} #table_area .pp_area.pp_list{padding:30px 10px 0 15px} #table_area .pp_area p.txt{margin-bottom:30px} /* ----------------------------------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 480px) { #table_area .pp_area .item{margin-bottom: 24px !important;width:98%;} #table_area .pp_area .item .accmark{right:24%} } /* END--------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* START----------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* customer_news---------------------------------------------------------------------------- */ #table_area .newsarea{padding-top:4px} #table_area .newsarea .news{overflow:hidden} #table_area .newsarea .news .newsinner{width:100%;margin:0 auto;position:relative;border-bottom:1px solid #d7d7d7} #table_area .newsarea .news .newsinner dl{padding:42px 228px 42px 216px} #table_area .newsarea .news .newsinner dl dt{font-size:22px;font-weight:bold;/*margin-bottom:19px;*/color:#232526} #table_area .newsarea .news .newsinner dl dd.date{position:absolute;top:35%;left:0;font-size:30px;color:#b4b4b4;font-weight:bold} #table_area .newsarea .news .newsinner dl dd.txtarea{padding-top:18px;color:#808080;font-size:13px;line-height:21px;display:none;} /*#table_area .newsarea .news .newsinner dl dd.txtarea.ellipsis{white-space:nowrap; overflow: hidden; text-overflow: ellipsis}*/ #table_area .newsarea .news .newsinner a.more{width:42px;height:42px;background:url('../img/itg/customer/plus_off.png') no-repeat left top;position:absolute;right:20px;top:31%;display:block;overflow:hidden} #table_area .newsarea .news .newsinner img{vertical-align:middle;} #table_area .newsarea .news .news05 .newsinner{border-bottom:3px solid #d7d7d7} #table_area .newsarea .news li.active{ background:#b1282a;color:#fff !important; } #table_area .newsarea .news li.active dl dt a{color:#fff !important} #table_area .newsarea .news li.active dl dd{color:#fff !important} /*#table_area .newsarea .news li.active dd.txtarea.ellipsis{overflow:visible;white-space:inherit;}*/ #table_area .newsarea .news li.active .date{color:#fff !important} #table_area .newsarea .news li.active .txtarea{display:block !important;} #table_area .newsarea .news li.active .newsinner a.more{background:url('../img/itg/customer/plus_on.png') no-repeat left top;width:42px;height:42px;top:39%;right:20px} #table_area .newsarea .news li.focus_in{background:#b1282a;color:#fff !important} #table_area .newsarea .news li.focus_in dl dt a{color:#fff !important} #table_area .newsarea .news li.focus_in dl dd{color:#fff !important} #table_area .newsarea .news li.focus_in .date{color:#fff !important} #table_area .newsarea .news li.focus_in .newsinner a.more{background:url('../img/itg/customer/plus_on.png') no-repeat left top;width:42px;height:42px;top:39%;right:20px} #table_area .newsarea .news li:hover{ background:#b1282a; } #table_area .newsarea .news li:hover dl dt a{color:#FFF} #table_area .newsarea .news li:hover dl dd.date{color:#FFF} #table_area .newsarea .news li:hover dd.txtarea{color:#FFF} #table_area .newsarea .news li:hover .newsinner a.more{background:url('../img/itg/customer/plus_on.png') no-repeat} #table_area .newsarea .news .newsinner a.more.on{background:url('../img/itg/customer/exit.png') no-repeat left top !important;width:42px !important;height:42px !important;top:38%} .paging{text-align:center;padding:36px 0 75px 0} .paging a {width:34px;display:inline-block;border:1px solid #dfdfdf;color:#808080;height:33px;line-height:33px;font-size:16px;vertical-align:top} .paging strong{background:#b1282a;display:inline-block;height:33px;line-height:33px;width:34px;vertical-align:top;border:1px solid #b1282a;color:#FFF} .paging a.page_prev{padding:0;width:36px;height:35px;border:none} .paging a.page_prev img{vertical-align:middle;} .paging a.page_next{padding:0;width:36px;height:35px;border:none} .paging a.page_next img{vertical-align:middle;} .paging a:hover{text-decoration:none} .paging a.prev1,.paging a.next2{display:none;} /* --------------------------------------------------------------------------------------------------- */ /* customer_request-------------------------------------------------------------------------- */ .request{padding-top:69px} .reqzone{width:100%;margin:0 auto;text-align:center} .reqzone h3{font-size:33px;color:#232526;padding:25px 0 20px 0;background:url("../img/itg/common/bar_red.jpg") no-repeat 50% top} .reqzone p{font-weight:bold;font-size:13px;line-height:21px} .reqzone strong{color:#b1282a;padding-bottom:70px;display:block} .form_area{background:#e5e5e5;width:100%} .form_area .form_inner{width:100%;margin:0 auto;padding:25px 0;position:relative} .form_inner ul{overflow:hidden} .form_inner ul li{float:left} .form_inner ul li input{ width:310px;height:45px; line-height:45px; border:1px solid #d3d3d3; padding-left:17px; } .form_inner ul li.fourth select{width:329px;height:49px;line-height:49px;padding:0 0 0 17px;border:1px solid #d3d3d3;background:#FFF url("../img/itg/customer/cus_arrow.png") no-repeat 95% 50%;position:relative;float:left;font-size:12.5px;font-weight:bold;color:#a5a5a5} .form_inner ul li.tenth textarea{width:1002px;height:200px;border:1px solid #d3d3d3} .form_area .form_inner ul.option{position:absolute;top:48px;left:0;width:323px;background:#FFF;border:1px solid #d3d3d3;border-top:none;display:none} .form_inner ul li.eleventh input{width:483px} .form_inner ul li.file_wrap{position:relative;} .form_inner ul li.file_wrap #file{position:absolute;top:0;left:0;cursor:pointer;opacity:0;width:100%} .form_inner ul li.file_wrap #filename{z-index:80;width:483px;background:#FFF;height:45px;font-family: 'Nanum Gothic', "�������", "����", Dotum, sans-serif;font-size:14px;font-weight:bold;color:#a5a5a5; line-height:45px; border:1px solid #d3d3d3; padding-left:17px} .form_inner ul li.list_12 textarea{width:1002px;height:200px;border:1px solid #d3d3d3} .form_inner a.submitbtn{width:161px;height:46px;background:#b3282a;color:#FFF;text-align:center;line-height:46px;font-weight:bold;border-radius:8px;position:absolute;bottom:-89px;left:43%} .form_inner .mt17{margin-top:17px} .form_inner .mb17{margin-bottom:17px} .form_inner .mr17{margin-right:17px} .form_inner label{display:block;overflow:hidden;position:absolute;top:-1000em} /* --------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1024px) { /*customer_news---------------------------------------------------------------------------- */ #table_area .newsarea .news .newsinner{width:auto} #table_area .newsarea .news .newsinner dl dd.date{left:15px} /* ------------------------------------------------------------------------------------------------- */ /*customer_request-------------------------------------------------------------------------- */ .reqzone{width:auto;padding: 0 30px} .form_area .form_inner{width:auto;padding: 25px 20px} .form_inner .mt17{margin-top:1%} .form_inner .mb17{margin-bottom:1%} .form_inner .mr17{margin-right:1%} .form_inner ul{width:100%;margin:0 auto} .form_inner ul li{width:32.667%} .form_inner ul li input{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; height:37px;line-height:35px } .form_inner ul li.fourth{width:32.667%} .form_inner ul li.fourth select{height:37px;line-height:37px;width:100%} .form_inner ul li.tenth{width:97.5%} .form_inner ul li.tenth textarea{width:100%} .form_inner ul li.eleventh{width:49%} .form_inner ul li.eleventh input{width:100%} .form_inner ul li.file_wrap{width:49.8%} .form_inner ul li.file_wrap #filename{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; height:37px;line-height:35px} .form_inner ul li.list_12{width:97.5%} .form_inner ul li.list_12 textarea{width:100%} /* --------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 768px) { /*customer_news---------------------------------------------------------------------------- */ #table_area .newsarea .news .newsinner dl dd.date{font-size:20px} #table_area .newsarea .news .newsinner dl dt{font-size:17px} #table_area .newsarea .news .newsinner dl dd.txtarea{font-size:12px} #table_area .newsarea .news .newsinner dl{padding:54px 100px} /* ------------------------------------------------------------------------------------------------ */ /* customer_request-------------------------------------------------------------------------- */ .request{padding-top:30px} .request h3{padding-top:16px} .reqzone strong{padding-bottom:30px} .form_area .form_inner{padding: 25px 2px 25px 20px} .form_inner .file_wrap{width:48%} .form_inner ul li{width:31.6%} .form_inner ul li.fourth{width:31.6%} .form_inner ul li.tenth{width:93.8%} .form_inner ul li.eleventh{width:47%} .form_inner ul li.file_wrap{width:48.5%} .form_inner ul li.list_12{width:93.8%} .form_inner a.submitbtn{left:50%;margin-left:-80.5px} /* ------------------------------------------------------------------------------------------------- */ } @media screen and (max-width: 480px) { /* customer_news---------------------------------------------------------------------------- */ #table_area .newsarea .news .newsinner dl dd.date{font-size:15px} #table_area .newsarea .news .newsinner dl dd.txtarea{font-size:12px} #table_area .newsarea .news .newsinner dl{padding:30px 20%} #table_area .newsarea .news .newsinner a.more{background-size:30px;right:5px} #table_area .newsarea .news li.active .newsinner a.more{right:5px} #table_area .newsarea .news li:hover .newsinner a.more{background-size:30px} #table_area .newsarea .news li.active .newsinner a.more{background-size:30px} .paging a{width:25px;height:25px;line-height:25px} .paging strong{width:25px;height:25px;line-height:25px} /* -------------------------------------------------------------------------------------------------- */ /*customer_request-------------------------------------------------------------------------- */ .reqzone h3{font-size:20px} .reqzone p{font-size:12px} .form_inner ul li{width:95.5%;margin-bottom:7px !important;margin-top:0 !important;margin-right:0 !important} .form_inner ul li input{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box } .form_inner ul li.fourth{width:95.5%} .form_inner ul li.first{margin-bottom:1%} .form_inner ul li.tenth{width:95.5%} .form_inner ul li.eleventh{width:95.5%} .form_inner ul li.file_wrap{width:95.5%} .form_inner ul li.list_12{width:95.5%} .form_inner ul li.tenth textarea{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box } .form_inner ul li.list_12 textarea{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box } .form_inner a.submitbtn{width:102px;left:50%;margin-left:-51px;bottom:-69px} /* ------------------------------------------------------------------------------------------------ */ } /* END------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 550�� �ַ�� ���� */ @media screen and (max-width: 550px) { #table_area .solution .graph{height:459px;background:url('../img/itg/solution/graph_mobile.png') center top no-repeat} } /*���⿪����ȭ*/ #container #sub_content.exp_bg{background:url('../img/itg/exp/exp_bg.png') no-repeat 50% top} #container #sub_content.exp_bg #lnb{position:relative;} #container #sub_content.exp_bg #lnb:after{position:absolute;left:50%;bottom:0;content:''; margin-left:-12.5px; width: 0; height: 0; border-left: 12.5px solid transparent; border-right: 12.5px solid transparent; border-bottom: 15px solid #fff; } .contact_tel{position:relative;padding-top:27px;text-align:center;} .contact_tel:before{position:absolute;left:50%;top:0;width:38px;height:5px;margin-left:-19px;background-color:#fff;content:'';} .exppage{padding-bottom:0 !important;;background-color:#fff;} .exppage .cont_wrap{overflow:hidden;max-width:1021px;margin:0 auto;} .exppage .title .fcRed{color:#ba2a2c;} .exppage .title p{font-size:14px !important;} .exppage .title span.wrap span{color:#232526 !important;} .exppage .cont1{padding:50px 0;background-color:#f5f5f5;} .exppage .cont1 .tit{position:relative;margin-bottom:40px;padding-top:20px;font-size:26px;color:#232526;text-align:center;} .exppage .cont1 .tit:before{position:absolute;left:50%;top:0;width:26px;height:4px;margin-left:-14px;background-color:#ba2a2c;content:'';} .exppage .cont1 .tit .c{color:#ea4932;} .exppage .cont1 .tit .u{color:#72ab1d;} .exppage .cont1 .tit .b{color:#3e7dd4;} .exppage .cont1 .tit .e{color:#f5ad19;} .exppage .cont1 .imgw{text-align:center;} .exppage .cont2{height:auto;min-height:186px;background:url('../img/itg/exp/cms_bg.png') center top no-repeat;font-size:13px;background-size: 100% 100%;} .exppage .cont2 .l{float:left;width:50%;padding-top:40px;padding-right:24px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:30px;} .exppage .cont2 .r{overflow:hidden;padding-top:45px;padding-left:70px;padding-bottom:45px;} .exppage .cont2 .tit{margin-bottom:18px;font-size:18px;color:#fff;} .exppage .cont2 .tit span{color:#ff4b31;} .exppage .cont2 .txt{line-height:1.4em;color:#bababa;} .exppage .cont2 ul.cms_list{} .exppage .cont2 ul.cms_list > li{position:relative;padding-left:10px;margin-top:6px;color:#fff;} .exppage .cont2 ul.cms_list > li:first-child{margin-top:0;} .exppage .cont2 ul.cms_list > li:before{position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:5px;background-color:#fff;content:'';} .exppage .cont3{padding:50px 0;background-color:#fff;} .exppage .cont3 .tit{margin-bottom:25px;font-size:32px;text-align:center;color:#232526;} .exppage .cont3 .subtit{margin-bottom:15px;text-align:center;} .exppage .cont3 .rtit{margin-bottom:8px;text-align:center;font-size:16px;color:#ba2a2c;} .exppage .cont3 .mtit{margin-bottom:60px;text-align:center;font-size:13px;} .exppage .cont3 .imgw{text-align:center;} .exppage .cont4{background:url('../img/itg/exp/tran_bg.png') center center no-repeat;} .exppage .cont4 .cont{position:relative;float:right;width:265px;padding:75px 60px 75px 185px;color:#fff;background-color:rgba(0,0,0,0.7);} .exppage .cont4 .tit{font-size:20px;margin-bottom:42px;} .exppage .cont4 .txt{font-size:13px;line-height:1.5em;} .exppage .cont4 .txt p{margin-top:20px;} .exppage .cont4 .txt p:first-child{margin-top:0;} .exppage .cont4 .thumb{position:absolute;left:-86px;top:50%;margin-top:-170px;} .exppage .cont5{padding:50px 0;background-color:#fff;} .exppage .cont5 .tit{margin-bottom:20px;font-size:26px;text-align:center;color:#232526;} .exppage .cont5 .mtit{margin-bottom:50px;text-align:center;font-size:13px;} .exppage .cont5 .nat_list{overflow:hidden;max-width:890px;margin:0 auto;} .exppage .cont5 .nat_list > li{float:left;width:33%;margin-left:0.5%;text-align:center;} .exppage .cont5 .nat_list > li:first-child{margin-left:0;} .exppage .cont6{background-color:#ba2a2c;color:#fff;} .exppage .cont6 .cont_wrap{padding:65px 30px;background:url('../img/itg/exp/cont6_bg.png') right bottom no-repeat;} .exppage .cont6 .cont{width:540px;float:left;} .exppage .cont6 .tit{margin-bottom:32px;font-size:30px;} .exppage .cont6 .txt{margin-bottom:20px;font-size:13px;line-height:1.5em;} .exppage .cont6 .subtit{font-size:16px;font-weight:600;line-height:1.7em;} .exppage .cont6 .subtit span{padding-bottom:1px;border-bottom:1px solid #fff;} .exppage .cont7{padding:80px 0;background-color:#fff;} .exppage .cont7 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:20px;color:#232526;} .exppage .cont7 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont7 .subtit{margin-bottom:60px;font-size:13px;line-height:1.5em;color:#808080;} .exppage .cont7 .imgw{overflow:hidden;} .exppage .cont7 .imgw .l{float:left;width:40%;} .exppage .cont7 .imgw .r{float:right;width:55%;} .exppage .cont8{padding:0 0 80px;} .exppage .cont8 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:20px;color:#232526;} .exppage .cont8 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont8 .subtit{margin-bottom:40px;font-size:13px;line-height:1.5em;color:#808080;} .exppage .cont8 .imgw{text-align:center;} .exppage .cont9{background:url('../img/itg/exp/cont9_bg.png') center center no-repeat;} .exppage .cont9 .cont_wrap{padding:90px 30px;} .exppage .cont9 .l{width:370px;float:left;margin-right:50px;} .exppage .cont9 .tit{margin-bottom:18px;font-size:28px;color:#d13638;} .exppage .cont9 .txt{font-size:13px;color:#fff;line-height:1.5em;} .exppage .cont9 ul.chart{overflow:hidden;padding-top:48px;} .exppage .cont9 ul.chart > li{float:left;width:24%;max-width:112px;margin-left:1%;} .exppage .cont9 ul.chart > li:first-child{margin-left:0;} .exppage .cont10{padding:80px 0;background-color:#fff;} .exppage .cont10 .tit{margin-bottom:20px;font-size:26px;text-align:center;color:#232526;} .exppage .cont10 .mtit{margin-bottom:50px;text-align:center;font-size:13px;} .exppage .cont10 .imgw{text-align:center;} .exppage .cont11{background:url('../img/itg/cms/con1.png') center center no-repeat;} .exppage .cont11 .cont_wrap{height:526px;} .exppage .cont12{padding-bottom: 85px;background: url('../img/itg/business/cont12_bg.jpg') center bottom no-repeat;position: relative;} .exppage .cont12 .imgw{text-align:center;padding: 0 15px;} .exppage .cont12 .tit{font-size: 32px;font-weight: bold;color: #fff;text-align: center;padding-top:50px;} .exppage .cont12 .tit img{vertical-align: bottom;padding-left: 20px;padding-top: 10px;} .exppage .cont12 ul{text-align: center;margin-top: 60px;} .exppage .cont12 ul li{font-size: 17px;margin-top: 20px;color: #fff;font-weight: bold;} .exppage .cont13{background:url('../img/itg/business/bottom_bg.png') center top/cover no-repeat;} .exppage .cont13 .cont_wrap{padding: 70px 0 50px;position: relative;} .exppage .cont13 .tit{position:relative;margin-bottom:20px;padding-top:25px;font-size:32px;color:#232526;font-weight: bold;} .exppage .cont13 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont13 .txt{position:relative;font-size:13px;color:#535353;font-weight: bold;line-height:1.9em;display: inline-block;width: 50%;} .exppage .cont13 .imgw{width: 40%;position: absolute;right: 0;bottom: 10px;} .exppage .cont14{padding:80px 0;background-color:#fff;} .exppage .cont14 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:25px;color:#232526;font-weight: bold;} .exppage .cont14 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont14 .txt{font-size:13px;line-height:1.5em;color:#808080;font-weight: bold;} .exppage .cont14 .imgw{overflow:hidden;margin-top: 80px;text-align: center;} .exppage .cont15{padding:55px 0 70px;background: url('../img/itg/business/cont15-bg.jpg') center top/cover no-repeat;} .exppage .cont15 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:25px;color:#fff;} .exppage .cont15 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#fff;content:'';} .exppage .cont15 .subtit{font-size:13px;line-height:1.5em;color:#808080;} .exppage .cont15 .di_con_list{font-size: 0;margin-left: -10px;margin-right: -10px;margin-top: 30px;} .exppage .cont15 .di_con_list li{display: inline-block;vertical-align: top;width: 25%;padding:0 10px;box-sizing: border-box;} .exppage .cont15 .di_con_list li dl{min-height: 420px;padding: 40px 15px;box-sizing: border-box;word-break: keep-all;background: rgba(255,255,255,0.8) url() 90% 92% no-repeat;color: #353535;font-weight: bold;} .exppage .cont15 .di_con_list li dl:hover{background-color: rgba(186,42,44,0.9);color: #fff;} .exppage .cont15 .di_con_list li dt{font-size: 17px;margin-bottom: 20px;} .exppage .cont15 .di_con_list li dd{font-size: 13px;line-height: 1.5em;text-indent: -10px;margin-left: 10px;} .exppage .cont15 .di_con_list li.n1 dl{background-image: url('../img/itg/business/cont15-n1-off.png');} .exppage .cont15 .di_con_list li.n1 dl:hover{background-image: url('../img/itg/business/cont15-n1-on.png');} .exppage .cont15 .di_con_list li.n2 dl{background-image: url('../img/itg/business/cont15-n2-off.png');} .exppage .cont15 .di_con_list li.n2 dl:hover{background-image: url('../img/itg/business/cont15-n2-on.png');} .exppage .cont15 .di_con_list li.n3 dl{background-image: url('../img/itg/business/cont15-n3-off.png');} .exppage .cont15 .di_con_list li.n3 dl:hover{background-image: url('../img/itg/business/cont15-n3-on.png');} .exppage .cont15 .di_con_list li.n4 dl{background-image: url('../img/itg/business/cont15-n4-off.png');} .exppage .cont15 .di_con_list li.n4 dl:hover{background-image: url('../img/itg/business/cont15-n4-on.png');} .exppage .cont16{padding: 60px 0;background-color: #fff;} .exppage .cont16 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:25px;color:#232526;} .exppage .cont16 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont16 .tblScr{width: 100%;overflow-x: auto;} .exppage .cont16 .tbl03{width: 100%;min-width: 1021px;margin: 0 auto;border-collapse: collapse;table-layout: fixed;} .exppage .cont16 .tbl03 caption{line-height: 0;font-size: 0;} .exppage .cont16 .tbl03 tbody{display: block;height: 674px;overflow-y: scroll;width: 1021px;border-bottom: 1px solid #b7b7b7;box-sizing: border-box;} .exppage .cont16 .tbl03 .dp1{width: 15%;} .exppage .cont16 .tbl03 thead .dp1{border-left: none;} .exppage .cont16 .tbl03 .dp2{width: 15%;} .exppage .cont16 .tbl03 .dp3-1{width: 8%;} .exppage .cont16 .tbl03 .dp3-2{width: 12%;} .exppage .cont16 .tbl03 .txt{width: 50%;} .exppage .cont16 .tbl03 tbody .txt{width: 48.3%;} .exppage .cont16 .tbl03 thead{background-color: #ba2a2c;color: #fff;} .exppage .cont16 .tbl03 thead th{padding: 15px 0;font-size: 17px;border-left: 1px solid #b7b7b7;} .exppage .cont16 .tbl03 tbody th, .exppage .cont16 .tbl03 tbody td{border-left: 1px solid #b7b7b7;border-bottom: 1px solid #b7b7b7;padding: 8px 15px;font-size: 14px;line-height: 1.4em;height: 30px;vertical-align: middle;color: #656565;} .exppage .cont16 .tbl03 tbody tr.last th, .exppage .cont16 .tbl03 tbody tr.last td{border-bottom: none;} @media screen and (max-width: 1024px) { .exppage .cont_wrap{padding-left:20px !important;padding-right:20px !important;} .exppage .cont2{height:auto;padding:40px 0;background:none;background-color:#565151;} .exppage .cont2 .l{float:none;width:auto;margin-bottom:20px;padding:0;} .exppage .cont2 .r{overflow:hidden;padding:0;} .exppage .cont4 .cont{padding:75px 60px;;} .exppage .cont4 .thumb{display:none;} .exppage .cont7 .imgw .l{width:40%;} .exppage .cont7 .imgw .r{width:55%;text-align:right;} .exppage .cont9 .l{width:auto;float:none;margin:0 0 30px 0;} .exppage .cont9 ul.chart{overflow:hidden;padding:0;} .exppage .cont9 ul.chart > li{float:left;width:25%;max-width:1000px;margin-left:0;text-align:center;} .exppage .cont15 .di_con_list li{width: 50%;margin-top: 20px;} .exppage .cont15 .di_con_list li dl{min-height: 200px;padding: 20px 10px;background-image: none !important;} } @media screen and (max-width: 768px) { .exppage .cont4{background:url('../img/itg/exp/tran_bg.png') -300px center no-repeat;} .exppage .cont4 .cont{float:none;width:auto;padding:40px 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .exppage .cont5 .nat_list > li{float:none;width:auto;margin:0 0 15px 0;text-align:center;} .exppage .cont6 .cont_wrap{padding:30px 0;background:none;} .exppage .cont6 .cont{width:auto;float:none;} .exppage .cont7{padding:30px 0;} .exppage .cont7 .imgw .l{float:none;width:auto;margin-bottom:40px;text-align:center;} .exppage .cont7 .imgw .r{float:none;width:auto;text-align:center;} .exppage .cont8{padding:30px 0;} .exppage .cont9 .cont_wrap{padding:40px 0;} .exppage .cont12{padding-top: 30px;padding-bottom: 50px;} .exppage .cont12 .tit{font-size: 22px;} .exppage .cont12 ul{margin-top: 30px;} .exppage .cont12 ul li{font-size: 13px;} .exppage .cont13 .cont_wrap{padding: 50px 0;} .exppage .cont13 .txt{width: 60%;} .exppage .cont13 .imgw{width: 40%;} .exppage .cont15 .di_con_list li dl{min-height: 290px;} } @media screen and (max-width: 480px) { .exppage .cont4 .cont{padding:30px 20px;} .exppage .cont13 .txt{width: 100%;padding-bottom: 35%;} .exppage .cont13 .imgw{width: 55%;} .exppage .cont15 .di_con_list li{width: 100%;margin-top: 10px;} .exppage .cont15 .di_con_list li dl{min-height: initial;} } /* business_vr------------------------------------------------------------------------------------------------------------ */ #table_area .vr_tab_wrap{margin-top: 60px;} #table_area .vr_tab_wrap ul{font-size: 0;text-align: center;margin-left: -80px;margin-bottom: 20px;} #table_area .vr_tab_wrap ul li{display: inline-block;margin-left: 80px;} #table_area .vr_tab_wrap ul li a{font-size: 17px;color: #909090;font-weight: bold;padding-top: 7px;display: block;} #table_area .vr_tab_wrap ul li a:hover, #table_area .vr_tab_wrap ul li.on a{text-decoration: none;color: #9f1a2a;background: url("../img/itg/business/vr_tab_bg.png") 50% top no-repeat;} #table_area .busi_title.vr h3{background: none;} #table_area .busi_btn{text-align: center;margin-bottom: 20px;} #table_area .busi_btn a{display: inline-block;padding: 15px 30px;border-radius: 25px;background-color: #ba2a2c;color: #fff;font-size: 15px;font-weight: bold;} #table_area .busi_btn a:hover{text-decoration: underline;} #table_area .busi_conarea.vr{background: url("../img/itg/business/vr_bg.png");background-size: auto 100%; padding-top: 80px;} #table_area .busi_conarea.pvr{background: url("../img/itg/business/pvr_bg.png");background-size: auto 100%; padding-top: 80px;} #table_area .busi_conarea.sky{background: url("../img/itg/business/sky_bg.png");background-size: auto 100%; padding-top: 80px;} #table_area .busi_conarea.drone{background: url("../img/itg/business/drone_bg.png");background-size: auto 100%; padding-top: 80px;} #table_area .busi_conarea.vr h3{font-size: 30px;color: #fff;text-align: center;margin-bottom: 60px;} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li dl dt{color:#fff} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li.its_01 dl dt{background:url("../img/itg/business/vr_01.png") no-repeat 50% top;} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li.its_02 dl dt{background:url("../img/itg/business/vr_02.png") no-repeat 50% top;} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li.its_03 dl dt{background:url("../img/itg/business/vr_03.png") no-repeat 50% top;} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li.its_04 dl dt{background:url("../img/itg/business/vr_04.png") no-repeat 50% top;} #table_area .busi_conarea.vr .busi_con_inner ul.its_list li dl dd{text-align: center;color: #fff;} #table_area .busi_conarea.pvr .busi_con_inner ul.its_list li.its_01 dl dt{background:url("../img/itg/business/pvr_01.png") no-repeat 50% top;} #table_area .busi_conarea.pvr .busi_con_inner ul.its_list li.its_02 dl dt{background:url("../img/itg/business/pvr_02.png") no-repeat 50% top;} #table_area .busi_conarea.pvr .busi_con_inner ul.its_list li.its_03 dl dt{background:url("../img/itg/business/pvr_03.png") no-repeat 50% top;} #table_area .busi_conarea.pvr .busi_con_inner ul.its_list li.its_04 dl dt{background:url("../img/itg/business/pvr_04.png") no-repeat 50% top;} #table_area .busi_conarea.sky .busi_con_inner ul.its_list li.its_01 dl dt{background:url("../img/itg/business/sky_01.png") no-repeat 50% top;} #table_area .busi_conarea.sky .busi_con_inner ul.its_list li.its_02 dl dt{background:url("../img/itg/business/sky_02.png") no-repeat 50% top;} #table_area .busi_conarea.sky .busi_con_inner ul.its_list li.its_03 dl dt{background:url("../img/itg/business/sky_03.png") no-repeat 50% top;} #table_area .busi_conarea.sky .busi_con_inner ul.its_list li.its_04 dl dt{background:url("../img/itg/business/sky_04.png") no-repeat 50% top;} #table_area .busi_conarea.drone .busi_con_inner ul.its_list li.its_01 dl dt{background:url("../img/itg/business/drone_01.png") no-repeat 50% top;} #table_area .busi_conarea.drone .busi_con_inner ul.its_list li.its_02 dl dt{background:url("../img/itg/business/drone_02.png") no-repeat 50% top;} #table_area .busi_conarea.drone .busi_con_inner ul.its_list li.its_03 dl dt{background:url("../img/itg/business/drone_03.png") no-repeat 50% top;} #table_area .busi_conarea.drone .busi_con_inner ul.its_list li.its_04 dl dt{background:url("../img/itg/business/drone_04.png") no-repeat 50% top;} .exppage .cont18{padding: 55px 0 75px;background: #fff;} .exppage .cont18 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:25px;color:#232526;font-weight: bold;} .exppage .cont18 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont18 .txt{font-size:13px;line-height:1.5em;color:#808080;font-weight: bold;} .exppage .cont18 .imgw{overflow:hidden;margin-top: 55px;text-align: center;} .exppage .cont19{padding: 55px 0 90px;background: #eee;} .exppage .cont19 .tit{position:relative;margin-bottom:15px;padding-top:16px;font-size:25px;color:#232526;font-weight: bold;} .exppage .cont19 .tit:before{position:absolute;left:0;top:0;width:26px;height:4px;background-color:#ba2a2c;content:'';} .exppage .cont19 .txt{font-size:13px;line-height:1.5em;color:#808080;font-weight: bold;} .exppage .cont19 .imgw{overflow:hidden;margin-top: 70px;text-align: center;} .exppage .cont17{padding: 50px 0 100px;background: #fff;} .exppage .cont17 .cont_wrap{background:url("../img/itg/business/vr_gal_txt_bg.png") no-repeat right top;position: relative;} .exppage .cont17 .vr_gal{display: inline-block;max-width: 603px;width: 59%;} .exppage .cont17 .vr_gal_txt{display: inline-block;vertical-align: top;position: absolute;top: 50%;transform: translateY(-50%);padding-left: 65px;width: 41%;box-sizing: border-box;} .exppage .cont17 .vr_gal_txt h3{color: #232526;font-size: 30px;margin-bottom: 25px;} .exppage .cont17 .vr_gal_txt .vr_list{margin-top: -5px;} .exppage .cont17 .vr_gal_txt .vr_list li{color: #232526;font-size: 13px;font-weight: bold;line-height: 21px;margin-top: 5px;} /* ------------------------------------------------------------------------------------------------------------------------------ */ .exppage .cont17 .vr_gal .owl-dots{display: block; text-align: center;position: absolute;left: 15px;top: 15px;} .exppage .cont17 .vr_gal .owl-dots .owl-dot{display: inline-block;background-color: rgba(255,255,255,0.5);width: 12px; height: 12px;border-radius: 50%; margin:5px;} .exppage .cont17 .vr_gal .owl-dots .active{background-color:rgba(186,42,44,0.8);} @media screen and (max-width: 1030px){ .exppage .cont17 .vr_gal{width: 60%;} .exppage .cont17 .vr_gal_txt{width: 40%;padding-left: 20px;padding-right: 10px;} } @media screen and (max-width: 768px){ #table_area .vr_tab_wrap ul{margin-left: -50px;} #table_area .vr_tab_wrap ul li{margin-left: 50px;margin-top: 20px;} .exppage .cont17 .vr_gal{display: block;width: 100%;margin: auto;} .exppage .cont17 .vr_gal_txt{display: block;width: 100%;padding-left: 10px;padding-right: 10px;position: relative;right: unset; top: unset;transform: translateY(0);margin-top: 30px;text-align: center;margin-bottom: 30px;} .exppage .cont17 .cont_wrap{background-position: left top;background-size: cover;padding: 10px !important;} } #container #sub_content.cms_bg #lnb{padding: 175px 0 65px;} #container #sub_content.cms_bg #lnb h2{margin-bottom: 20px;} #container #sub_content.cms_bg .contact_tel{padding-top: 30px;} @media screen and (max-width: 768px) { #container #sub_content.cms_bg #lnb{padding:33px 0 95px;} #container #sub_content.cms_bg #lnb h2{font-size:50px;padding-bottom:0;} } @media screen and (max-width: 480px) { #container #sub_content.cms_bg #lnb{padding:64px 0 80px;} #container #sub_content.cms_bg #lnb h2{font-size: 40px;} } #table_area .cms_title{width:100%;margin:0 auto;padding:66px 0 66px 0;text-align:center} #table_area .cms_title h3{color:#232526;font-size:35px;margin-bottom:25px;font-weight: bold;} #table_area .cms_title h3 p{font-size:23px;font-weight:bold;line-height:21px;margin-top: 15px;} #table_area .cms_title > p{font-size:13px;font-weight:bold;line-height:21px;color:#808080;} #table_area .cms_title p strong{color:#ba2a2c} #table_area .cms_title p.btn_demo{margin-top: 36px;} #table_area .cms_title p.btn_demo a{padding: 12px 35px 12px 18px;font-size: 13px;color: #fff;font-weight: bold;border-radius: 5px;background: #ba2a2c url(../img/itg/solution/btn_arrow.png) right center no-repeat;margin-right: 10px;display: inline-block;} #table_area .cms_title p.btn_demo a.cubecms{background: #2171a6 url('../img/itg/solution/btn_arrow_bl.png') right center no-repeat;} #table_area .cms_title p.demo{margin-top: 30px;margin-bottom: 5px;color: #a42527;} @media screen and (max-width: 1024px) { #table_area .cms_title{width:auto;padding:69px 20px 75px 20px;} #table_area .cms_title h3{font-size: 30px;} #table_area .cms_title h3 p{font-size: 18px;} } @media screen and (max-width: 768px) { #table_area .cms_title{padding:30px 20px;} #table_area .cms_title h3{margin-bottom:15px;} #table_area .cms_title p.btn_demo a{padding: 8px 35px 8px 18px;margin-top:5px;margin-right: 5px;} .exppage .cont13 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont14 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont15 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont16 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont18 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont19 .tit{font-size: 20px;margin-bottom: 15px;padding-top: 16px;} .exppage .cont14 .imgw{margin-top: 50px;} } @media screen and (max-width: 480px) { #table_area .cms_title h3{font-size: 27px;} #table_area .cms_title h3 p{font-size: 17px;margin-top: 10px;} #table_area .cms_title p{font-size:12px} #table_area .cms_title p.btn_demo a{display: block;max-width: 150px;margin: 5px auto 0;padding: 8px 35px 8px 18px;} }