@charset "euc-kr"; @import url(http://www.officeplus.com/css/common.css); /* -------------------------------- File Name : about.css Generate Date : 2011-01-19 Generate Author : Jung-eun -------------------------------- */ #wrapper { position:relative; width:100%;background:#f2f2f2; /*background:url(./../images/qubridge/about/bg_wrapper.gif) repeat-x;border-top:2px solid #ed1c24;*/ } /* #wrapper .inner{background:url(/images/qubridge/about/bg_wrapper.gif) repeat-x; } #wrapper .introMain{background:url(/images/qubridge/about/bg_intro.gif) repeat-x; } */ #headerWrap { overflow:hidden; width:100%; background:#fff;/*border-bottom:1px solid #6c6c6c;*/ } #header { position:relative; margin:0 auto; width:1150px; height:100px;} #header h1 { position:absolute; top:20px; left:0;} #header .brandLink { position:absolute; top:38px; right:0px;} #header .brandLink a.imarket { width:85px; background:url(/images/qubridge/about/brand_imarket.gif) no-repeat;} #header .brandLink a.op { width:88px; background:url(/images/qubridge/about/brand_op.gif) no-repeat;} #header .brandLink a.mro { width:44px; background:url(/images/qubridge/about/brand_mro.gif) no-repeat;} #header .brandLink a.digital { width:55px; background:url(/images/qubridge/about/brand_digital.gif) no-repeat;} #header .brandLink a.soca { width:124px; background:url(/images/qubridge/about/brand_soca.gif) no-repeat;} /* 2012.12.03 추가 */ #header .brandLink a.idb { width:49px; background:url(/images/qubridge/about/brand_idb.gif) no-repeat;} #header .brandLink a.tos { width:84px; background:url(/images/qubridge/about/brand_tos.gif) no-repeat;}/*201709_수정*/ #header .brandLink a { overflow:hidden; display:block; float:left; padding-top:23px; height:0; background-position:0 0;} #header .brandLink a:hover, #header .brandLink a.active { background-position:0 -23px;} #header p { position:absolute; top:43px; right:130px;} #header .gnb ul{overflow:hidden; padding:51px 0 0 235px;} #header .gnb ul li{float:left; width:82px; height:15px; overflow:hidden;} #header .gnb ul li a{background:url(/images/qubridge/about/gnb.gif) no-repeat 0 0; display:block; text-indent: -2000px; height:0; padding-top:15px; width:81px; } #header .gnb ul li a:hover{background-position:0 -15px;} #header .gnb ul li + li a{background-position:-82px 0;} #header .gnb ul li + li + li a{background-position:-164px 0;} #header .gnb ul li + li + li + li a{background-position:-245px 0;} #header .gnb ul li + li a:hover{background-position:-82px -15px;} #header .gnb ul li + li + li a:hover{background-position:-164px -15px;} #header .gnb ul li + li + li + li a:hover{background-position:-245px -15px;} #header .gnb ul li a.active{background-position:0 -15px;} #header .gnb ul li + li a.active{background-position:-82px -15px;} #header .gnb ul li + li + li a.active{background-position:-164px -15px;} #header .gnb ul li + li + li + li a.active{background-position:-245px -15px;} #headerWrap .menu_tab{height:47px;background:#bfc9d6;} #headerWrap .menu_tab ul{padding-top:14px;} #headerWrap .menu_tab a:after{display:block;content:"";clear:both;} #headerWrap .menu_tab a.menu-1{ width:101px; background:url(/images/qubridge/about/menu_1.png) no-repeat;} #headerWrap .menu_tab a.menu-2{ width:125px; background:url(/images/qubridge/about/menu_2.png) no-repeat;} #headerWrap .menu_tab a.menu-3{ width:86px; background:url(/images/qubridge/about/menu_3.png) no-repeat;} #headerWrap .menu_tab a {overflow:hidden; display:block; float:left; padding-top:20px; height:0; background-position:0 0;text-indent:-9999px;} #headerWrap .menu_tab a:hover, #headerWrap .menu_tab a.active { background-position:0 -20px;} #headerWrap .menu_tab ul{width:1150px;/*background:pink;*/margin:0 auto; } #headerWrap .menu_tab ul:after{display:block;content:"";clear:both;} #headerWrap .menu_tab ul li{float:left;} .img_banner img.active{z-index:3} .img_banner{position: relative;width: 100%;min-width: 1150px;margin: 0 auto;} .img_banner ul{position: relative;float: left;width: 100%;overflow: hidden;height:384px;background: #f2f2f2;} .img_banner ul li{position: absolute;width: 100%;height: 384px;z-index: 10;overflow: hidden;} .img_banner ul li:first{display:block;} .img_banner ul li.b-1{left: 0;background: url(/images/qubridge/about/main_offi_img.jpg) 50% 0 no-repeat;} .img_banner ul li.b-2{left: 0;background: url(/images/qubridge/about/main_soca_img.jpg) 50% 0 no-repeat;} .top-img-wrap{position: relative;float: left;width: 100%;overflow: hidden;height:150px;background: #f2f2f2;} .biz-top-img{position: relative;left: 0;height:200px;background: url(/images/qubridge/about/biz_top_img.jpg) 50% 0 no-repeat;display: block;} .recruit-top-img{position: relative;left: 0;height:200px;background: url(/images/qubridge/about/recruit_top_img.jpg) 50% 0 no-repeat;display: block;} .history-top-img{position: relative;left: 0;height:200px;background: url(/images/qubridge/about/history_top_img.jpg) 50% 0 no-repeat;display: block;} #container {clear:both; overflow:hidden; position:relative; z-index:1; margin:0 auto; width:1150px;background:#f2f2f2;} .intro{background:url(/images/qubridge/about/bg_intro2.png) no-repeat;} #container #snb {float:left; width:208px;padding-right:3px;padding:60px 0 33px 0;} #container #snb ul {clear:both; overflow:hidden; padding:9px 0 20px 20px;width:210px;background:url(/images/qubridge/about/snbIintro_bg.jpg) no-repeat;} #container #snb ul li a {background:url(/images/qubridge/about/snb.gif) no-repeat; overflow:hidden; display:block; padding-top:56px; width:185px; height:0; background-position:0 0; text-indent: -2000px;} #container #snb ul li a:hover, #container #snb ul li a.active { background-position:-195px 0;} #container #snb ul li + li a{background-position:0 -56px;} #container #snb ul li + li + li a{background-position:0 -112px;} #container #snb ul li + li + li + li a{background-position:0 -168px;} #container #snb ul li + li + li + li + li a{background-position:0 -224px;} #container #snb ul li + li a:hover, #container #snb ul li + li a.active { background-position:-195px -56px;} #container #snb ul li + li + li a:hover, #container #snb ul li + li + li a.active { background-position:-195px -112px;} #container #snb ul li + li + li + li a:hover, #container #snb ul li + li + li + li a.active { background-position:-195px -168px;} #container #snb ul li + li + li + li + li a:hover, #container #snb ul li + li + li + li + li a.active { background-position:-195px -224px;} #container #snb ul.snbrecruit{background: url(/images/qubridge/about/snbIintro_bg.jpg) no-repeat 0px -167px;} #container #snb ul.snbrecruit li + li a{background-position:0 -338px;} #container #snb ul.snbrecruit li + li a:hover, #container #snb ul.snbrecruit li + li a.active { background-position:-195px -338px;} #container #snb ul.snbrecruit li a:hover, #container #snb ul.snbrecruit li a.active{background-position: -195px -280px;} /*#container #snb ul.snbBizintro{background: url(/images/qubridge/about/snbbiz_bg.jpg) no-repeat;}*/ #container #snb ul.snbBizintro{background: url(/images/qubridge/about/snbbiz_bg.jpg) no-repeat 0 -128px;} #container #snb ul.snbBizintro li a{background-position:0 -448px;}/*아이마켓*/ #container #snb ul.snbBizintro li + li a{background-position:0 -504px;}/*오피*/ #container #snb ul.snbBizintro li + li + li a{background-position:0 -560px;}/* 토스 */ #container #snb ul.snbBizintro li + li + li + li a{background-position:0 -616px;}/* it유통 */ #container #snb ul.snbBizintro li + li + li + li + li a{background-position:0 -672px;}/* mro */ #container #snb ul.snbBizintro li + li + li + li + li + li a{}/*les*/ #container #snb ul.snbBizintro li + li + li + li + li + li + li a{background-position:0 -729px;} #container #snb ul.snbBizintro li a:hover, #container #snb ul.snbBizintro li a.active {background-position:-195px -448px;} #container #snb ul.snbBizintro li + li a:hover, #container #snb ul.snbBizintro li + li a.active {background-position:-195px -504px;} #container #snb ul.snbBizintro li + li + li a:hover, #container #snb ul.snbBizintro li + li + li a.active {background-position:-195px -560px;} #container #snb ul.snbBizintro li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li a.active {background-position:-195px -616px;} #container #snb ul.snbBizintro li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li a.active {background-position:-195px -672px;} #container #snb ul.snbBizintro li + li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li + li a.active {} #container #snb ul.snbBizintro li + li + li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li + li + li a.active {background-position:-195px -729px;} /* #container #snb ul.snbBizintro{background: url(/images/qubridge/about/snbbiz_bg.jpg) no-repeat;} #container #snb ul.snbBizintro li a{background-position:0px -392px;} #container #snb ul.snbBizintro li + li a{background-position:0 -448px;} #container #snb ul.snbBizintro li + li + li a{background-position:0 -504px;} #container #snb ul.snbBizintro li + li + li + li a{background-position:0 -560px;} #container #snb ul.snbBizintro li + li + li + li + li a{background-position:0 -616px;} #container #snb ul.snbBizintro li + li + li + li + li + li a{background-position:0 -672px;} #container #snb ul.snbBizintro li + li + li + li + li + li + li a{background-position:0 -729px;} #container #snb ul.snbBizintro li a:hover, #container #snb ul.snbBizintro li a.active {background-position:-195px -392px;} #container #snb ul.snbBizintro li + li a:hover, #container #snb ul.snbBizintro li + li a.active {background-position:-195px -448px;} #container #snb ul.snbBizintro li + li + li a:hover, #container #snb ul.snbBizintro li + li + li a.active {background-position:-195px -504px;} #container #snb ul.snbBizintro li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li a.active {background-position:-195px -560px;} #container #snb ul.snbBizintro li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li a.active {background-position:-195px -616px;} #container #snb ul.snbBizintro li + li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li + li a.active {background-position:-195px -672px;} #container #snb ul.snbBizintro li + li + li + li + li + li + li a:hover, #container #snb ul.snbBizintro li + li + li + li + li + li + li a.active {background-position:-195px -729px;} */ #container #snb ul.snb_recruit li a{background-position:0 -288px;} #container #snb ul.snb_recruit li + li a{background-position:0 -320px;} #container #snb ul.snb_recruit li + li + li a{background-position:0 -352px;} #container #snb ul.snb_recruit li a:hover, #container #snb ul.snb_recruit li a.active {background-position:-157px -288px;} #container #snb ul.snb_recruit li + li a:hover, #container #snb ul.snb_recruit li + li a.active {background-position:-157px -320px;} #container #snb ul.snb_recruit li + li + li a:hover, #container #snb ul.snb_recruit li + li + li a.active {background-position:-157px -352px;} #container #contents { overflow:hidden; zoom:1; float:right; position:relative;padding:60px 0 123px 0;/*width:900px;*/ } #container #contents h1 { position:absolute; top: -161px;right: 49px;} .btn-site-link:hover{background:url(/images/qubridge/about/bg_red_1.png) no-repeat;} .btn-site-link-2:hover{background:url(/images/qubridge/about/bg_red_2.png) no-repeat;} #footerWrap { clear:both; position:relative; z-index:10;width:100%;height: 148px;padding: 37px 0 0;margin-top: 129px;border-top:1px solid #a9abaf;background:#fff;} #footer { position:relative; margin:0 auto; width:1150px;} #footer .copyArea { clear:both; overflow:hidden; float:left; position:relative;width:751px;height:65px;text-indent: -999px;margin-left: 44px; background:url(/images/qubridge/about/txt_copyright.gif) no-repeat;} #footer .copyArea a { overflow:hidden; position:absolute; top:0; left:445px; padding-top:12px; width:80px; height:0; text-indent:-2000px;} #footer .famLink {float:right; position:relative;margin-right:48px;width:293px; height:19px;} #footer .famLink a { float:left; margin:0 0 0 6px;} #footer #family { display:none; position:absolute; z-index:10; top:-133px; right:0; padding:8px 0 0; width:151px; height:126px; background:url(/images/qubridge/common/bg_family.gif) no-repeat;} #footer #family a { display:block; height:24px; line-height:24px; margin:0 0 0 21px; width:130px;} #footer .btn-licensee-down{position:absolute;top: 31px;right: 48px;} #footer .btn-navi{position:absolute;top:-72px;right:-75px;} .img_footer{position:absolute;top: -161px;right: 49px;} #container .history {height:926px; background:url(/images/qubridge/about/history.jpg) no-repeat;} #container .ci {background:url(/images/qubridge/about/ci.jpg) no-repeat; height:1656px;} #container .ci ul.down{padding:313px 0 0 18px; overflow:hidden;} #container .ci ul.down li{float:left; margin:0 0 0 267px;} #container .proposal { background:url(/images/qubridge/about/proposal.jpg) no-repeat;} #container .proposal .cont { padding:109px 0 0 311px; line-height:21px; color:#9c9c9c;} #container .proposal .cont h2 { margin-bottom:10px;} #container .proposal .cont p { margin:20px 0 25px;} #container .proposal .cont dl { clear:both; overflow:hidden; width:418px; /*border-top:1px solid #c6c6c6;*/ border-bottom:1px solid #c6c6c6;} #container .proposal .cont dt { clear:both; float:left; width:123px; height:32px; text-align:center; line-height:32px; color:#fff; background:url(/images/qubridge/about/bg_proposalDT.gif) no-repeat; /*border-top:1px solid #c6c6c6;*/} #container .proposal .cont dd { float:left; padding:10px 0 10px 15px; width:280px; border-top:1px solid #c6c6c6;} #container .proposal .cont dd a { color:#9c9c9c;} #container .proposal .cont dd a:hover { color:#ef2828;} #container .proposal .cont dl.fir{border-top:1px solid #c6c6c6;} /*20161118_오피수정*/ #container .proposal .cont a.bt_consult{display:block; width:418px; padding:9px 0 0 0; overflow:hidden; text-align:right; /* border-top:1px solid #c6c6c6; */} /*//20161118_오피수정*/ #container .recruit { min-height:700px; _height:700px; background:url(/images/qubridge/about/recruit1.jpg) no-repeat;} #container .recruit .cont { padding-top:85px; line-height:21px; color:#9c9c9c;} #container .recruit .cont .wrap { padding-left:295px; width:480px;} #container .recruit .cont .wrap p { margin-top:20px;} #container .recruit .cont ul { position:absolute; top:395px; left:140px;} #container .recruit .cont ul li { float:left;} #container .recruit2 { background:url(/images/qubridge/about/recruit2.jpg) no-repeat;} #container .apply { background:url(/images/qubridge/about/recruit3.jpg) no-repeat;} #container .recruit2 .cont { position:relative; padding:87px 0 0 30px; line-height:21px; color:#9c9c9c;} #container .recruit2 .cont .stair { position:absolute; top:91px; left:305px; width:136px; height:91px; /*background:url(/images/qubridge/about/img_stair.gif) no-repeat;*/} #container .recruit2 .cont h2 { margin-bottom:-5px;} #container .recruit2 .cont h3 { margin:30px 0 10px;} #container .recruit2 .cont p { margin:5px 0;} #container .recruit2 .cont ul { margin:5px 0;} #container .recruit2 .cont ul li { padding-left:12px; background:url(/images/qubridge/about/bul_grayBox.gif) no-repeat 0 5px;} #container .recruit2 .cont table { width:710px; text-align:center;} #container .recruit2 .cont table th { height:23px; font-size:11px; line-height:23px; color:#63c2ca; background:#edf8f9; border:1px solid #37c9d6;} #container .recruit2 .cont table td { padding:10px 5px; color:#636363; border:1px solid #37c9d6; background:#fff;} #container .recruit2 .cont table td.lt { padding-left:15px;} #container .recruit2 .cont .wrap { clear:both; overflow:hidden; margin-top:25px; width:710px; color:#5e5e5e; background:#fff; border:1px solid #37c9d6;} #container .recruit2 .cont .wrap p strong { display:block; margin-top:-5px; padding:10px 25px 0; height:25px; line-height:25px; background:#edf8f9;} #container .recruit2 .cont .wrap p.txt { padding:10px 25px 15px;} #container .recruit2 .cont fieldset { clear:both; overflow:hidden; padding:15px 25px 25px; width:660px; background:#fff; border:1px solid #37c9d6; border-top:none;} #container .recruit2 .cont fieldset dl { width:650px; color:#5e5e5e;} #container .recruit2 .cont fieldset dt { clear:both; float:left; margin-bottom:5px; width:100px; font-weight:bold;} #container .recruit2 .cont fieldset dd { float:left; margin-bottom:10px; width:550px;} #container .recruit2 .cont fieldset dd input.text { width:158px;} #container .recruit2 .cont fieldset dd input.file { width:220px; border:1px solid #ccc;} #container .recruit2 .cont fieldset dd.area select { width:162px;} #container .recruit2 .cont fieldset dd.area .inline { margin-left:10px;} #container .recruit2 .cont fieldset dd.tel select { width:47px;} #container .recruit2 .cont fieldset dd.tel input.text { width:40px;} #container .recruit2 .cont fieldset .btn { margin:10px 0 0 100px;} #wrapper .map #snb h2{height:62px;} /*20161118_오피수정*/ .table-contact{width:417px;height:335px;background:url(/images/qubridge/about/bg_contact.jpg) no-repeat;} .table-contact tr{height:28px;padding:16px 0 20px 0;font-weight:} .table-contact th{width:132px;height:65px;line-height:16px;color:#fff;font-weight:normal;font-size:11px;} .table-contact td{line-height:19px;padding-left:15px;color:#9c9c9c;} .table-contact td a{color:#9c9c9c;} .table-contact td a:hover{color: #ef2828;} /*//20161118_오피수정*/ /* 20190528_제휴 및 업무 연락처 수정 */ .partnership_wrap{position:absolute; left:360px; width:455px; height:20px; font-size:14px; color:#555555;} .part_email{float:left; width:175px;} .part_email p{float:left; width:175px; height:20px; margin-right:105px;} .part_email p a:hover{color:#5086ee;} .part_tel{float:right; width:175px;} .part_tel p{float:left; width:175px; height:20px;} /* 20190528_제휴 및 업무 연락처 수정 END */