@charset "utf-8"; @import url('style.css'); /* common css */ @import url('gnb.css'); @import url('footer.css'); #wrapper{width:100%;} .wrapInner{width:980px; margin:0 auto;} #visualArea{width:100%; height:150px; overflow:hidden; font-size:0; line-height:0; clear:both; display:none;} #container{width:100%; padding:67px 0 40px; overflow:hidden; font-size:0; line-height:0; clear:both;} /* main Layout #mainVisual{width:100%;min-width:980px; background:url('/images/company/main/img_visual1.jpg') no-repeat center 0;} #mainVisual .visual{margin:0 auto;width:980px;min-width:980px;height:460px; position:relative;} #mainVisual .visual .headTit{position:absolute;top:170px;} #mainVisual .visual .headTit h2{margin-top:7px;font-family:RixGoL;font-size:28px;line-height:1.3;color:#242424;letter-spacing:-0.5px;} #mainVisual .visual .headTit h2 strong{font-family:RixGoM;font-size:28px;line-height:1.3;color:#242424;letter-spacing:-0.5px;} */ /*[s] 메인 롤링 */ #mainVisual {width:100%;} #mainVisual .visualWrap { margin:0 auto; width:100%; height:420px; position:relative;} #mainVisual .visualSlider { width:100%; height:420px; position:relative; overflow:hidden} #mainVisual .visualSlider li {width:1400px; height:420px;} #mainVisual .visualSlider li.visual1 {background:url('/images/company/main/img_visual1.png') no-repeat center 0;} #mainVisual .visualSlider li.visual2 {background:url('/images/company/main/img_visual2.png') no-repeat center 0;} #mainVisual .visualSlider .flex-control-nav { width:955px; display:block; margin:0 auto; padding-left:25px;} #mainVisual .visualSlider .flex-control-nav li {width:10px;height:10px; margin-left:5px; float:left; position:relative; bottom:115px; z-index:10px;} #mainVisual .visualSlider .flex-control-nav li a {width:10px;height:10px; text-indent:-9999px; background-color:#c3c3c3; display:block;} #mainVisual .visualSlider .flex-control-nav li a.flex-active{background-color:#e83d44;} #mainVisual .visualSlider .flex-direction-nav {display:none;} #mainVisual .visualSlider .flex-pauseplay { width:980px; display:block; margin:0 auto;} #mainVisual .visualSlider .flex-pauseplay a {width:20px;height:20px; text-indent:-9999px; display:block; position:relative; bottom:120px; *bottom:130px; z-index:10px;} #mainVisual .visualSlider .flex-pauseplay .flex-pause{background:url('/images/company/etc/btn_pause.png') no-repeat 0 0;} #mainVisual .visualSlider .flex-pauseplay .flex-play{background:url('/images/company/etc/btn_play.png') no-repeat 0 0;} #mainVisual .visualSlider .textBlock { padding:120px 0 0 22px; height:340px; display:block; width:958px; margin:0 auto;} #mainVisual .visualSlider a.textBlock {text-decoration:none; cursor: inherit;} #mainVisual .visualSlider .textBlock h2 { font-family:RixGoM;font-size:24px;line-height:33px;color:#000; font-weight:normal;} #mainVisual .visualSlider .textBlock strong { font-family:RixGoM;font-size:36px;line-height:1.3;color:#000; display:block; margin-top:10px;} #mainVisual .visualSlider .textBlock strong span{color:#e83d44;} #mainVisual .visualSlider .textBlock .txtType1{font-family:RixGoL;font-size:16px;line-height:1.3;color:#242424;} #mainVisual .visualSlider .flex-pauseplay01 {display:none;} #mainCon{margin:-90px auto 40px;width:980px; position:relative; z-index:999;} #mainCon .section{margin:10px 0 0 10px;padding:15px;float:left;} #mainCon .section h3{font-family:RixGoL;font-size:16px;line-height:1.3;color:#fff;} #mainCon .section p{margin-top:15px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff;} #mainCon .ceo {margin:0; background:url('/images/company/main/icon_ceo.png') no-repeat 161px 118px;background-color:#e83d44;} #mainCon .award {margin-top:0; background:url('/images/company/main/icon_award.png') no-repeat 148px 118px;background-color:#e83d44;} #mainCon .service {margin-top:0; background:url('/images/company/main/icon_service02.png') no-repeat 167px 127px;background-color:#e83d44;} #mainCon .ethics {margin-top:0; background:url('/images/company/main/icon_ethics.png') no-repeat 167px 126px;background-color:#e83d44;} #mainCon .hire {margin-top:0; background:url('/images/company/main/icon_hire.png') no-repeat 234px 103px;background-color:#e83d44;} #mainCon .ceo .inner, #mainCon .award .inner, #mainCon .service .inner, #mainCon .hire .inner, #mainCon .ethics .inner {width:207px; height:158px; color:#fff; background:url('/images/company/etc/btn_more.png') no-repeat right 0;display:block;} #mainCon .ceo:hover, #mainCon .award:hover, #mainCon .hire:hover, #mainCon .ethics:hover {background-color:#c6171e;} #mainCon .news .inner, #mainCon .recruit .inner{width:455px;height:130px; display:block;} #mainCon .news{margin-left:0; background-color:#f5f2ef;} #mainCon .news .inner{position:relative;} #mainCon .news .inner h3, #mainCon .recruit .inner h3{color:#242424;} #mainCon .news .inner .btnMore{width:16px;height:16px; text-indent:-9999px; background:url('/images/company/etc/btn_more2.png') no-repeat 0 0; display:block; position:absolute;top:0;right:0;} #mainCon .news .inner ul{margin-top:25px;} #mainCon .news .inner li{margin:7px 0 6px;padding-left:10px; background:url('/images/company/etc/bul_list1.gif') no-repeat 0 center; overflow:hidden;clear:both;} #mainCon .news .inner li a{width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454; float:left;} #mainCon .news .inner li span{font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454; float:right;} #mainCon .recruit{background-color:#d5ccc7;} #mainCon .recruit .inner ul{margin-top:35px;} #mainCon .recruit .inner li{width:89px; text-align:center; background:url('/images/company/etc/in_h1.gif') no-repeat 0 center; float:left;} #mainCon .recruit .inner li:first-child{background:none;} #mainCon .recruit .inner li h4{margin-top:10px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454;} /*[s] 서브 레이아웃 #header{width:100%; height:80px; padding:30px 0 40px; overflow:hidden; font-size:0; line-height:0; clear:both;} #topUtil{width:100%; text-align:right; padding-bottom:6px;} #topUtil a{display:inline-block;} #topUtil a.line{background:url('/images/company/individual/common/gnb/top_util_line.gif') no-repeat 67px 4px; padding:0 17px 0 14px;} #gnbArea{width:100%; height:60px; overflow:hidden;} #gnbArea .logo{width:121px; height:30px; overflow:hidden; float:left; padding-right:24px;} #gnbArea .gnbNavi_c{width:679px; float:left; padding-top:6px;} #gnbArea .gnbNavi_c li{float:left; padding:0 27px; position:relative; z-index:1;} #gnbArea .gnbNavi_c li .depth2_c{width:710px; position:absolute; left:17px; top:40px; z-index:3; display:none;} #gnbArea .gnbNavi_c li .last{left:-310px !important;} #gnbArea .gnbNavi_c li .ethics{left:-363px !important;} #gnbArea .gnbNavi_c li.on .depth2_c{display:block;} #gnbArea .gnbNavi_c li .depth2_c li{float:left; padding:0 10px;} #gnbArea .gnbNavi_c li .depth2_c a{font-size:12px; line-height:14px; color:#555555;} #gnbArea .gnbNavi_c li .depth2_c a:hover{color:#e73c42;} #gnbArea .gnbNavi_c li .depth2_c a.on{color:#e73c42;} #gnbArea .gnbBtn{width:142px; overflow:hidden; float:right; padding-top:6px;} #gnbArea .gnbBtn li{float:left; padding-left:8px;} */ /* lnb */ #lnb {position:relative; float:left; width:190px; padding-bottom:100px;} /*#lnb h1{height:46px;}*/ #lnb .depth2 {width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; overflow:hidden;} #lnb .depth2 ul {display:none;} #lnb .depth2 li {border-top:1px solid #dbdbdb; font-size:12px; line-height:14px; font-weight:bold; margin-bottom:0;} #lnb .depth2 li a {display:block; background:#fff url('/images/company/individual/common/ic/ic_lnb_2d.gif') no-repeat 172px 13px; padding:10px 0 8px 20px; width:170px; letter-spacing:-0.5px;} #lnb .depth2 li a:link, #lnb .depth2 li a:active, #lnb .depth2 li a:visited, #lnb .depth2 li a:hover, #lnb .depth2 li a:focus {color:#333; text-decoration:none;} #lnb .depth2 li.first {border-top:none;} #lnb .depth2 li.lnbTop{border-top:none !important;} #lnb .depth2 li.on{border-top:none;} #lnb .depth2 li.on a:link, #lnb .depth2 li.on a:active, #lnb .depth2 li.on a:visited, #lnb .depth2 li.on a:hover, #lnb .depth2 li.on a:focus {color:#fff; text-decoration:none; background:#ef7077 url('/images/company/individual/common/ic/ic_lnb_2d_on.gif') no-repeat 172px 13px;} #lnb .depth3 {width:150px; border-top:none; padding:5px 0 5px 20px;} #lnb .depth2 li .depth3 li {background:url('/images/company/individual/common/ic/ic_lnb_3d.gif') no-repeat 0 10px; border-top:none; padding:5px 0 6px 9px; font-size:12px; line-height:14px; font-weight:normal;} #lnb .depth2 li .depth3 li a {display:inline; background:none !important; padding:0 !important;} #lnb .depth2 li .depth3 li a:link, #lnb .depth2 li .depth3 li a:active, #lnb .depth2 li .depth3 li a:visited, #lnb .depth2 li .depth3 li a:hover, #lnb .depth2 li .depth3 li a:focus {color:#555555 !important; text-decoration:none;} #lnb .depth2 li .depth3 li.on {background:url('/images/company/individual/common/ic/ic_lnb_3d_on.gif') no-repeat 0 10px !important;} #lnb .depth2 li .depth3 li.on a:link, #lnb .depth2 li .depth3 li.on a:active, #lnb .depth2 li .depth3 li.on a:visited, #lnb .depth2 li .depth3 li.on a:hover, #lnb .depth2 li .depth3 li.on a:focus {color:#333333 !important; text-decoration:none;} #lnb .bannerArea{width:100%; margin-top:40px; clear:both;} #lnb .bannerArea img, #lnb .bannerSns img{display:block;} #lnb .bannerSns{width:100%; margin-top:20px; clear:both; border-top:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden;} #lnb .bannerSns li{padding:7px 0 4px 9px; float:left;} #lnb .bannerSns li.snsTit{padding:7px 6px 4px 15px;} #contents {float:right; width:750px; padding-bottom:100px; font-size:12px; line-height:18px; color:#555555;} #contents:after {content:" "; display:block; clear:both;} .conTitWr {position:relative; width:100%; padding-bottom:40px;} .conTitWr h2 {padding-top:3px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;} .conTitWr .location {width:100%; height:15px; overflow:hidden; position:absolute; right:0px; top:-27px; z-index:2;} .conTitWr .location ul {float:right;} .conTitWr .location li {float:left; background:url('/images/company/individual/common/ic/ic_path.gif') no-repeat left top; padding:0 5px 0 12px; font-size:12px; line-height:14px; color:#555555;} .conTitWr .location li.home {background:none; padding:0 5px 0 0;} .conTitWr .location a:link, .conTitWr .location a:visited, .conTitWr .location a:active, .conTitWr .location a:hover, .conTitWr .location a:focus {color:#555555; text-decoration:none;} .conTitWr .location li.last {padding-right:0; font-weight:bold;} /* footer #footer{width:980px; margin:0 auto; padding-bottom:28px; font-size:0; line-height:0; position:relative; z-index:1;} #footer .policy{width:100%;} #footer .policy:after {content:""; display:block; clear:both;} #footer .policy li{float:left; background:url('/images/company/individual/common/footer/bg_guide_line.gif') no-repeat right 2px; margin-right:9px; padding-right:10px;} #footer .policy li.agree{background:none;margin-right:9px;padding-right:10px;} #footer .policy li.last{background:none; margin-right:0; padding-right:0;} .footerInfo{width:100%; overflow:hidden; clear:both;} .footerInfo ul {overflow:hidden; float:left; padding-top:9px;} .footerInfo ul li{float:left; background:url('/images/company/individual/common/footer/bg_policy_line.gif') no-repeat right 5px; margin-right:7px; padding-right:9px;} .footerInfo ul li.last{background:none; margin-right:0; padding-right:0;} .footerInfo .address{clear:both; width:100%;} .familySite{position:absolute; right:0px; top:0px; z-index:2;} .familySite input{margin-left:5px;} .footLayer{width:100%; position:relative; z-index:3;} .footLayer img{margin:0; display:block;} .footLayer .layerCad{position:absolute; left:5px; top:-96px; z-index:99; display:none;} .footLayer .layerCad .layerCad_con{background:url('/images/company/main/layerCad_Top.png') no-repeat left top; width:126px; padding:10px 10px 0 10px;} .footLayer .layerCad .layerCad_scroll{width:126px; height:60px; overflow:hidden; overflow-y:auto;} .footLayer .layerCad .layerCad_scroll li{clear:both; width:100%; letter-spacing:-1px; padding-bottom:5px;} .footLayer .layerCad .layerCad_scroll li a{font-size:12px; line-height:14px; color:#fff; z-index:1;} .footLayer .layerFam{position:absolute; left:5px; top:-96px; z-index:99; display:none;} .footLayer .layerFam .layerFam_con{background:url('/images/company/main/layerCad_Top.png') no-repeat left top; width:126px; padding:10px 10px 0 10px;} .footLayer .layerFam .layerFam_scroll{width:126px; height:60px; overflow:hidden; overflow-y:auto;} .footLayer .layerFam .layerFam_scroll li{clear:both; width:100%; letter-spacing:-1px; padding-bottom:5px;} .footLayer .layerFam .layerFam_scroll li a{font-size:12px; line-height:14px; color:#fff; z-index:1;} */ /*[e] 서브 레이아웃 */ /*[s] 회사소개 스타일 */ /* CEO 메시지 */ /* .ceoArea{width:100%; overflow:hidden;} .ceoArea:after {content:" "; display:block; clear:both;} .ceoArea .ceoText{width:450px; float:left; overflow:hidden;} .ceoArea .ceoProfil{width:279px; height:481px; float:right; overflow:hidden; background:url('/images/company/company/ceo_profil_bg.gif') no-repeat left top; font-size:0; line-height:0;} .ceoArea .ceoProfil img{display:block;} .ceoArea .ceoProfil .profil{padding:25px 0 0 31px; width:217px; overflow:hidden;} .ceoArea .ceoProfil .profil dt{padding-top:4px; width:62px; float:left;} .ceoArea .ceoProfil .profil dd{float:left;} .ceoArea .ceoProfil .photo{padding:16px 0 0 20px;} */ .ceoArea .ceoText{padding:60px 0 0 30px;} /* 경영진소개 */ .directorsArea{width:100%; overflow:hidden;} .directorsArea:after {content:" "; display:block; clear:both;} .directorsArea .directorsView{width:323px;float:left; background:url('/images/company/company/directorsBg.gif') no-repeat left top; position:relative; z-index:1;} /* 2016-02-12 수정 */ .directorsArea .dv_con{display:none;} .directorsArea .directorsName{position:absolute; left:31px; top:31px; z-index:2;} .directorsArea .directorsName strong{color:#333;} .directorsArea .directorsPhoto{padding:10px 10px 0 10px;} .directorsArea .directorsProfil{font-size:12px; line-height:21px; color:#333; padding:10px 0 10px 15px;background:url('/images/company/company/directorsBg_Btm.gif') no-repeat left bottom;} .directorsArea .directorsProfil span{color:#6e6e6e; display:inline-block; width:55px;} .directorsArea .directorsImg{width:427px; float:left; font-size:0; line-height:0;} /* 2016-02-12 수정 */ .directorsArea .directorsImg li{padding-bottom:5px; width:100%; overflow:hidden;} .directorsArea .directorsImg a{margin-left:5px; float:left; display:inline;} .directorsArea .directorsImg img{width:66px; height:101px; display:block;} /* 서비스소개 */ .serviceArea{width:100%; overflow:hidden; padding-top:30px;} .serviceArea:after {content:" "; display:block; clear:both;} .serviceBox{width:100%; background:url('/images/company/company/service_box_top.gif') no-repeat left top;} .serviceBox .serviceCon{width:729px; padding:21px 21px 18px 0; overflow:hidden; background:url('/images/company/company/service_box_btm.gif') no-repeat left bottom;} .serviceBox .serviceCon .serviceLayout{width:100%; overflow:hidden;} .serviceBox .serviceCon .serviceLayout li.service_img{width:136px; float:left; overflow:hidden; text-align:center;} .serviceBox .serviceCon .serviceLayout li.service_con{width:593px; float:right; overflow:hidden; font-size:12px;} .serviceBox .serviceCon .serviceLayout li.service_con .bold_blue{color:#397caa; font-weight:bold; margin-top:7px;} .serviceBox .serviceCon02 {width:708px; padding:21px 21px 18px 21px; overflow:hidden; background:url('/images/company/company/service_box_btm.gif') no-repeat left bottom;} .serviceBox .serviceCon02 .serviceLayout02 {width:100%; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #EAEAEA;} .serviceBox .serviceCon02 .serviceLayout02 li.service_img {width:92px; float:left; overflow:hidden; text-align:center;} .serviceBox .serviceCon02 .serviceLayout02 li.service_con {width:593px; float:right; overflow:hidden; font-size:12px;} .serviceBox .serviceCon02 .serviceLayout02 li.service_con .bold_blue {color:#397caa; font-weight:bold;} /* 사업비젼 */ .visionArea{width:100%; overflow:hidden; position:relative; z-index:1;} .visionArea:after {content:" "; display:block; clear:both;} .visionArea .visionBox01{position:absolute; left:50%; top:0px; z-index:2; margin-left:-177px;} .visionArea .visionBox02{width:100%; height:360px; text-align:center; position:relative; z-index:1;} .visionArea .visionBox02 .visionBox02_1{width:185px; position:absolute; left:0px; top:156px; z-index:2; text-align:left; font-size:12px; letter-spacing:-1px;} .visionArea .visionBox02 .visionBox02_2{width:330px; position:absolute; left:374px; top:271px; z-index:2; text-align:left; font-size:12px; letter-spacing:-1px;} .visionArea .visionBox02 .visionBox02_3{width:180px; position:absolute; left:595px; top:156px; z-index:2; text-align:left; font-size:12px; letter-spacing:-1px;} .visionArea .visionBox03{width:100%; text-align:center; position:relative; z-index:1;} .visionArea .visionBox03 ul{width:100%; overflow:hidden;} .visionArea .visionBox03 ul li{float:left; width:187px;} .visionBcsc {height:100%; position:absolute; top:140px; left:0; z-index:2;} .visionBcsc:after {clear:both; display:block; content:"";} .visionBcscTwb {float:left; padding-right:30px;} .visionBcscCsc {float:right;} .visionBcscBox {padding:17px 20px 15px 20px;} .visionBcscBox .visionBoxTit {padding-bottom:5px; font-size:12px; color:#333333; font-weight:bold; border-bottom:1px solid #769ECF;} .visionBcscBox .visionBoxTxt {320px; margin-top:15px; text-align:left;} .visionBoxTxt li { padding-left:11px; background:url('/images/company/individual/common/ic/bu_bar_8e.gif') no-repeat left 7px;} /* 협력업체등록 */ .partnerBox{width:100%; overflow:hidden;} .partnerBox p.title{color:#333;} .partnerW_title{width:100%; margin:30px 0 20px;} .partnerW_title dt{font-size:14px; color:#333; text-align:center;} .partnerW_title dd{text-align:right; margin-top:20px;} .partnerW_Btm{width:100%; overflow:hidden; border-bottom:1px solid #dadce4; padding-bottom:30px;} /* 오시는길 - 본사안내 */ .locationMap{width:100%;} .locationMap img{display:block; border:1px solid #e7e7e7;} .locationJuso{width:100%; overflow:hidden; margin-top:20px;} .locationJuso dt{margin-bottom:15px; color:#333;} .locationJuso dt a {color:#333;} .locationJuso dd{font-size:12px;} /* 오시는길 - 센터안내 */ .centerCon{padding-top:30px; width:100%; overflow:hidden;} .centerCon .centerTit{padding:10px 0 20px; font-size:14px; line-height:14px; color:#333;} .centerCon .centerMAp{width:100%; overflow:hidden;} .centerCon .centerMAp .mapImg{width:367px; float:left; overflow:hidden;} .centerCon .centerMAp .mapImg img{display:block; border:1px solid #e7e7e7;} .centerCon .centerMAp .mapJuso{width:370px; float:right; overflow:hidden;} .centerCon .centerMAp .mapJuso dl{width:100%; padding:10px 0; overflow:hidden; background:url("/images/company/individual/common/ic/bu_line.gif") repeat-x left bottom;} .centerCon .centerMAp .mapJuso dl.first{padding-top:0;} .centerCon .centerMAp .mapJuso dt{margin-bottom:10px; color:#333; line-height:14px;} .centerCon .centerMAp .mapJuso dt a {color:#333;} .centerCon .centerMAp .mapJuso dd{font-size:12px; position:relative; z-index:1; padding-left:35px; line-height:20px;} .centerCon .centerMAp .mapJuso dd span{position:absolute; left:0px; top:0px; z-index:2; display:block;} /*[e] 회사소개 스타일 */ /*[s] IR 스타일 */ .stockholderArea{width:100%; overflow:hidden;} .stockholderArea:after {content:" "; display:block; clear:both;} .stockholderArea .stockholderImg{float:left; width:478px; overflow:hidden;} .stockholderArea .stockholderTable{float:right; width:250px; overflow:hidden; padding-top:14px;} /*[e] IR 스타일 */ /*[s] 사이버 스타일 */ /* 연혁 */ .historyArea{width:100%; overflow:hidden; margin-top:30px;} .historyArea:after {content:" "; display:block; clear:both;} .historyArea .historyBox{width:750px; min-height:550px; background:url('/images/company/cyber/history_box_top.gif') no-repeat left top;} .historyArea .historyCon{width:100%; padding-top:40px; overflow:hidden; clear:both; font-size:0; line-height:0;} .historyArea .historyCon .history_year{width:113px; padding-left:35px; float:left; overflow:hidden;} .historyArea .historyCon .history_con{width:580px; float:left; overflow:hidden;} .historyArea .historyCon .history_con dl{width:580px; overflow:hidden; font-size:12px; line-height:18px; color:#555555; padding-bottom:15px;} .historyArea .historyCon .history_con dt{padding:0 0 0 60px; width:520px; position:relative; z-index:1;} .historyArea .historyCon .history_con dt.historyClick{cursor:pointer;} .historyArea .historyCon .history_con dt strong{position:absolute; left:10px; top:0px; z-index:2; display:block;} .historyArea .historyCon .history_con dt.on{padding:0 0 7px 66px; width:514px; position:relative; z-index:1; font-size:14px; color:#555555; font-weight:bold; letter-spacing:-1px;} .historyArea .historyCon .history_con dt.on strong{position:absolute; left:10px; top:0px; z-index:2; display:block;} .historyArea .historyCon .history_con dd{margin:0px 0 12px; width:351px; min-height:150px; border:1px solid #e7e7e7; background-color:#fff; padding:20px 20px 17px 207px; position:relative; z-index:1; text-align:justify; font-size:12px; display:none;} .historyArea .historyCon .history_con dd span.imgBox{position:absolute; left:21px; top:21px; z-index:2; display:block;} /* 광고 - 티비 */ .tvArea{width:100%; overflow:hidden; margin-top:55px;} .tvArea:after {content:" "; display:block; clear:both;} .tvArea .tvLeft{width:375px; overflow:hidden; float:left;} .tvArea .playerArea{width:343px; min-height:292px; padding:20px 15px; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background-color:#fff; position:relative; z-index:1; display:none;} .tvArea .playerArea .tvTitle{font-size:12px; color:#555; padding-bottom:7px;} .tvArea .playerArea .tvPlayer{width:343px; height:260px; overflow:hidden;}/* 티비부분!! height:193px; */ .tvArea .playerArea .tvCaption {padding-top:10px;} .tvArea .playerArea .tvUtile{width:100%; overflow:hidden; margin-top:10px; display:none;}/* 티비 부분!! display:none; 지워야함 */ .tvArea .playerArea .tvUtile li{float:right;} .tvArea .playerArea .tvUtile li a{display:inline-block; padding:0 6px 0 5px; background:url("/images/company/cyber/tv_util_line.gif") no-repeat right 5px; color:#999;} .tvArea .playerArea .tvUtile li a.last{padding-right:0; background:none;} .tvArea .playerArea .tvUtile li a.on{color:#555;} .tvArea .playerArea .tvControl{width:100%; overflow:hidden; margin-top:25px; display:none;}/* 티비 부분!! display:none; 지워야함 */ .tvArea .playerArea .tvDown{position:absolute; right:0px; bottom:-29px; z-index:2;} .tvArea .tvThumb{width:357px; float:right; overflow:hidden;} .tvArea .tvThumb img{display:block;} .tvArea .tvThumb .tvThumbScroll{width:357px; height:296px; overflow:hidden; overflow-y:auto; margin-top:10px;} .tvArea .tvThumb .tvThumbScroll ul{width:100%; overflow:hidden; font-size:0; line-height:0; margin-top:-10px;} .tvArea .tvThumb .tvThumbScroll ul li{width:158px; height:141px; overflow:hidden; float:left; display:inline; margin:10px 10px 0 0; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .tvArea .tvThumb .tvThumbScroll ul li img {cursor:pointer;} /* 광고 - 라디오 */ .radioArea{width:100%; overflow:hidden; margin-top:30px;} .radioArea:after {content:" "; display:block; clear:both;} .radioArea .radioLeft{width:375px; overflow:hidden; float:left;} .radioArea .playerArea{width:343px; min-height:45px; padding:20px 15px; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background-color:#fff; position:relative; z-index:1; display:none;} .radioArea .playerArea .radioTitle{font-size:12px; color:#555; padding-bottom:12px;} .radioArea .playerArea .radioControl{width:100%; overflow:hidden;} .radioArea .playerArea .radioDown{position:absolute; right:0px; bottom:-29px; z-index:2;} .radioArea .playerArea .tvCaption {padding-top:10px;} .radioList{width:357px; float:right; overflow:hidden;} .radioList .radioListScroll{width:357px; height:74px; overflow:hidden; overflow-y:auto; margin-top:10px;} .radioList .radioListScroll ul{width:320px; overflow:hidden; font-size:0; line-height:0;} .radioList .radioListScroll ul li{font-size:12px; line-height:16px; padding-bottom:5px; color:#666; position:relative; z-index:1; padding-left:33px;} .radioList .radioListScroll ul li span{position:absolute; left:0px; top:0; z-index:2;} .radioList .radioListScroll ul li a.on{font-weight:bold;} /* 광고 - 인쇄용지 */ .advertisingArea{width:100%; overflow:hidden; margin-top:30px;} .advertisingArea:after {content:" "; display:block; clear:both;} .advertisingArea .advertisingBig{width:329px; float:left; overflow:hidden; background-color:#fff;} .advertisingArea .advertisingBig img{width:287px; height:auto; padding:20px; display:block; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .advertisingArea .advertisingSmall{width:401px; height:427px; float:right; overflow:hidden; overflow-y:auto;} .advertisingArea .advertisingSmall img{width:88px; height:101px; display:block; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; cursor:pointer;} .advertisingArea .advertisingSmall img.active{border:1px solid #fa3246;} .advertisingArea .advertisingSmall ul{width:100%; overflow:hidden; font-size:0; line-height:0; margin-top:-5px;} .advertisingArea .advertisingSmall ul li{width:90px; height:103px; overflow:hidden; float:left; padding:5px 5px 0 0; background:url("/images/company/cyber/ad_noImg.gif") no-repeat left 5px;} /* 수상 */ .awardedArea{width:100%; overflow:hidden; margin-top:30px;} .awardedArea:after {content:" "; display:block; clear:both;} .awardedArea .awardedCon{width:334px; float:left; overflow:hidden; background:url('/images/company/cyber/awarded_box_top.gif') no-repeat left top;} .awardedArea .awardedCon .awardedConBg{width:332px; padding:20px 1px 1px; overflow:hidden; background:url('/images/company/cyber/awarded_box_btm.gif') no-repeat left bottom; display:none;} .awardedArea .awardedCon .awardedConBg .awardedTitle{padding:0 20px; min-height:74px;} .awardedArea .awardedCon .awardedConBg .awardedTitle dt{color:#333;} .awardedArea .awardedCon .awardedConBg .awardedTitle dt, .awardedArea .awardedCon .awardedConBg .awardedTitle dd{letter-spacing:-1px;} .awardedArea .awardedCon .awardedConBg .awardedImg{padding:0 5px;} .awardedArea .awardedCon .awardedConBg .awardedImg img{width:322px; height:274px; display:hidden;} .awardedArea .awardedCon .awardedConBg .awardedText{border-top:1px solid #ececec; padding:15px 15px 12px 20px; background-color:#f1f2f4; min-height:127px;} .awardedArea .awardedCon .awardedConBg .awardedText.min110 {min-height:110px;} .awardedArea .awardedThumb{width:411px; float:right; overflow:hidden;} .awardedArea .awardedThumb ul{width:100%; overflow:hidden; font-size:0; line-height:0; margin-top:-5px;} .awardedArea .awardedThumb li{width:132px; height:171px; overflow:hidden; float:left; padding:5px 5px 0 0; background:url("/images/company/cyber/awarded_box_bg.gif") no-repeat left 5px; text-align:center;} .awardedArea .awardedThumb li.noImg{background:url("/images/company/cyber/aw_noImg.gif") no-repeat left 5px;} .awardedArea .awardedThumb .awardedT_box{width:100%; cursor:pointer;} .awardedArea .awardedThumb .awardedT_box dt{padding:6px 6px 5px 6px;} .awardedArea .awardedThumb .awardedT_box dt img{width:120px; height:73px; display:block;} .awardedArea .awardedThumb .awardedT_box dd{padding:10px 5px 7px; font-size:12px; line-height:14px; letter-spacing: -1px;} /* 로고타입 */ .logotypeImg{width:100%; overflow:hidden; font-size:0; line-height:0;} .logotypeImg li{width:187px; float:left; overflow:hidden; text-align:center;} .logotypeImg li img{display:block; margin:0 auto;} /* 컬러타입 */ .colorType{width:100%; overflow:hidden;} .colorType li.boxType{width:198px; height:131px; padding:20px 21px; float:left; display:inline; background:url("/images/company/cyber/colorBg.gif") no-repeat left top; overflow:hidden;} .colorType .subType{width:200px; margin-left:-2px; overflow:hidden;} .colorType .subType li{width:98px; padding-left:2px; overflow:hidden; float:left;} .colorType .colorTit{color:#333; font-size:12px; line-height:14px;} .colorType .colorText{font-size:12px; line-height:18px; color:#555555;} /* ci 변천사 */ .ciHistory{margin-top:20px;} .ciHistory ul{width:750px; overflow:hidden;} .ciHistory li{width:122px; padding-left:21px; margin-left:14px; float:left; background:url("/images/company/cyber/ci_arr_red.gif") no-repeat 0px 55px;} .ciHistory li:first-child {padding-left:0px; margin-left:0px; background:none;} .ciHistory li p.year {margin-top:13px;} .ciHistory li p.txt {margin-top:3px;} .ciTit {padding-left:11px; background:url("/images/company/cyber/ci_arr_h4.gif") no-repeat left 3px;} /* 비씨박물관 */ .museumArea{width:100%; overflow:hidden; margin-top:30px;} .museumArea:after {content:" "; display:block; clear:both;} .museumArea .museumBox{width:750px; min-height:550px; overflow:hidden; background:url('/images/company/cyber/museum_box_top.gif') no-repeat left top;} .museumArea .museumCon{width:100%; margin-top:40px; overflow:hidden; clear:both; font-size:0; line-height:0;} .museumArea .museumCon .museum_year{width:190px; padding-left:21px; float:left; overflow:hidden;} .museumArea .museumCon .museum_year .mu_summary_list{width:100%; margin-top:30px;} .museumArea .museumCon .museum_year .mu_summary_list dd{margin-top:8px;} .museumArea .museumCon .museum_con{width:510px; float:left; overflow:hidden;} .museumArea .museumCon .museum_con .museum_photo{width:100%; overflow:hidden; font-size:0; line-height:0;} .museumArea .museumCon .museum_con .museum_photo .museum_big{background:url('/images/company/cyber/museum_photo_bg.gif') no-repeat left top; padding:8px 0 0 8px; width:310px; height:207px; float:left; overflow:hidden;} .museumArea .museumCon .museum_con .museum_photo .museum_big div{display:none;} .museumArea .museumCon .museum_con .museum_photo .museum_big img{display:block; width:302px; height:199px;} .museumArea .museumCon .museum_con .museum_photo .museum_small{width:176px; float:right; overflow:hidden;} .museumArea .museumCon .museum_con .museum_photo .museum_small ul{width:100%; overflow:hidden; font-size:0; line-height:0; margin-top:-5px;} .museumArea .museumCon .museum_con .museum_photo .museum_small li{width:83px; height:50px; padding:5px 0 0 5px; float:left;} .museumArea .museumCon .museum_con .museum_photo .museum_small li img{display:block; width:83px; height:50px;} .museumArea .museumCon .museum_con .museum_text{width:100%; overflow:hidden; clear:both; margin-top:30px;} /*[e] 사이버 스타일 */ /*[s] 인재채용 스타일 */ /* 인재육성 */ .developmentCon{width:100%; overflow:hidden;} .developmentCon:after {content:" "; display:block; clear:both;} .developmentCon .dp_Left{width:276px; float:left; overflow:hidden;} .developmentCon .dp_Right{width:445px; float:right; overflow:hidden;} /* 채용공고 */ .recruitBox{width:100%; overflow:hidden; font-size:0; line-height:0;} .recruitBox:after {content:" "; display:block; clear:both;} .recruitBox .recruitImg{width:253px; overflow:hidden; float:left; text-align:center;} .recruitBox .recruitText{width:455px; float:right; overflow:hidden;} .recruitBox .recruitText .recruitTxt{width:100%; font-size:12px; line-height:18px; padding:5px 0 13px; color:#555555; background:url("/images/company/individual/common/ic/bu_line.gif") repeat-x left bottom;} .recruitBox .recruitText .noneBg{background:none !important; padding-bottom:0 !important;} .recruitBox .recruitText .recruitTxt dt{font-size:14px; line-height:20px; color:#333;} .recruitBox .recruitText .recruitTxt dt span{color:#d0484e;} .recruitBox .recruitText .recruitTxt dd{margin-top:10px;} .recruitBox .recruitText .recruitForm{width:305px; height:45px; font-size:12px; line-height:18px; color:#333; position:relative; z-index:1;} .recruitBox .recruitText .recruitForm dt{margin-bottom:14px;} .recruitBox .recruitText .recruitForm dd.login_btn{position:absolute; right:0px; top:0px; z-index:2;} /* 채용공고 2012년 하반기 비씨카드 신입사원 채용 서류전형 합격자 조회 */ .recruit01_date {height:100%;} .recruit01_date:after {content:" "; display:block; clear:both;} .recruit01_sumimg {float:left; padding-left:40px; padding-right:20px;} .recruit01_content {padding:0 0 20px 275px; min-height:175px; text-align:left;} .recruit01_content.bg01 {background:url('/images/company/recruit/sumimg_recruit01.jpg') no-repeat 40px 0;} .recruit01_content.bg02 {background:url('/images/company/recruit/sumimg_recruit02.jpg') no-repeat 40px 0;} .recruit01_content.bg03 {background:url('/images/company/recruit/sumimg_recruit03.jpg') no-repeat 40px 0;} .recruit01_content.bg04 {background:url('/images/company/recruit/sumimg_recruit04.jpg') no-repeat 40px 0;} .recruit01_tit {font-size:14px; color:#333333; font-weight:bold;} .recruit01_txt {font-size:12px; color:#777777; } .recruitInput {border:1px solid #cccccc; height:18px;} .recruit04_txt {text-align:right; font-weight:bold; color:#333333; padding-right:30px;} .recruit03_interview {color:#777777;} .recruit03_interview_detail {color:#909090; padding-left:58px;} .recruit03_detail02 {color:#909090; padding-left:40px;} .recruit03_detail03 {color:#909090; padding-left:48px;} /* 인재채용 - 입사지원서 등록 */ .recrRegiTop {/*width:450px; height:180px;*/ padding-bottom:40px; background:url('/images/company/recruit/bg_dotline.gif') repeat-x left bottom;} #contents .logout {color:#cf484c;} #contents .logout img {margin-top:1px;} .recruitBox01 {padding:20px; margin-bottom:10px; border:1px solid #e7e7e7} /* 개인정보 */ .basicInfoSel {height:100%;} .basicInfoSel:after {clear:both; display:block; content:"";} .recrApplyProfile {vertical-align:top !important; } .recrApplyProfile img {border:1px solid #d7d7d7; width:100px; height:130px;} .basicInfoTxt {margin-top:15px; font-size:12px;} .recrCautionBox01 {border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; padding:20px 0 20px 0; width:100%;} .recrCautionBox01 dl {width:100%; overflow:hidden;} .recrCautionBox01 dt {width:136px; float:left;} .recrCautionBox01 dd {width:580px; float:left;} .recrCautionBox01 ul.caution01 li {margin-top:6px; background:url('/images/company/individual/common/ic/bu_sq_d3.gif') no-repeat 0 6px; margin-bottom:0; padding-left:8px;} .recrCautionBox01 ul.caution01 li:first-child {margin-top:0;} .recrCautionBox01 ul.caution01 li.last {background:none;} /* 학력사항 */ .basicInfoSelBtm {height:100%;} .basicInfoSelBtm:after {clear:both; display:block; content:"";} /* 경력사항 */ .tbColRowAc.brdTopN {border-top:none;} /* 자기소개서 */ .selfIntro {height:100%; border-top:2px solid #c0c7d9; border-bottom:1px solid #dadce4; } .selfIntro:after {clear:both; display:block; content:"";} .selfIntroTxt {height:100%; padding:8px 10px 8px 10px;} .selfIntroTxt:after {clear:both; display:block; content:"";} .selfIntroTextarea {text-align:center; padding:10px;} .selfIntroTextarea.last { border-bottom:1px solid #dadce4;} /* 입사지원서 등록 */ .recrRegi { width:750px; /*background:url('/images/company/recruit/bg_recrregi.jpg') no-repeat left top*/} .recrFix { height:234px; width:750px; /*background:url('/images/company/recruit/bg_recrfix.jpg') no-repeat left top*/} .recrPass { height:224px; width:750px; /*background:url('/images/company/recruit/bg_recrpass.jpg') no-repeat left top*/} h4.regTit { color:#333;font-weight:bold;font-size:12px;} /* 입사지원서 수정 */ .recrFixTop {width:450px; height:134px; margin-bottom:7px; background:url('/images/company/recruit/bg_dotline.gif') repeat-x left bottom;} /* 입사지원서 QnA */ .recrFaqA {width:710px; padding:25px 20px; display:none;} table.list tbody td.al10 {text-align:left; padding-left:10px;} table.list tbody td.listDetail {text-align:left; width:660px; padding:25px 30px 25px 30px; line-height:20px; display:none;} /* 입사지원서 Popup */ .srchBox {width:360px; height:133px; margin-top:5px; overflow-y:auto; overflow-x:hidden; border:1px solid #dedede;} .srchBoxList {padding:10px 0px;} .srchBoxList li {line-height:22px; height:22px; padding:0 8px;} .srchBoxList li.on {font-weight:bold; background-color:#eeeeee;} .popRecrPicRegi {font-size:12px; padding:20px 0 20px 10px; text-align:left; letter-spacing:-1px; color:#777777;} /*[e] 인재채용 스타일 */ /*[s] 윤리경영 스타일 */ /* 연도별 실천현황 */ .a_yearArea{width:670px; padding:40px 40px; overflow:hidden; background:url('/images/company/morals/action_year_bg.gif') no-repeat left top; border-bottom:1px solid #efefef; position:relative; z-index:1;} .a_yearArea:after {content:" "; display:block; clear:both;} .a_yearArea dl{width:100%; padding-bottom:15px; overflow:hidden; position:relative; z-index:1;} .a_yearArea dl dt{width:75px; float:left;} .a_yearArea dl dd{float:left;} .a_yearArea .photo {position:absolute; left:493px; top:49px; z-index:2;} .a_yearArea .photo01 {position:absolute; left:432px; top:49px; z-index:2;} /* 참바른 신고센터 */ .notifyChack{width:100%; overflow:hidden; padding-top:15px; border-top:1px solid #e8e8e8;} .mobile_center {width:750px; margin-top:55px; overflow:hidden;} .mobile_center p {float:left; width:95px; margin-right:20px;} .mobile_center dl {float:left; width:635px;} .mobile_center dl dt {/*padding-top:20px; height:25px;*/ font-weight:bold; color:#323232;} .mobile_center dl dd {padding-top:20px; color:#555555;} .step_report {width:750px; overflow:hidden; margin:30px 0 40px 0;} .step_report li {float:left;} textarea.report_text {width:540px; height:185px; padding:10px 20px; line-height:18px; color:#555555:} p.admin_reply {background:url(/images/company/individual/common/ic/ico_reply.gif) no-repeat left 2px; padding-left:15px} #vKeyPadBtn img , #vKeyPadBtn2 img {vertical-align:middle;} /* 공정거래 핫라인 */ .hot_lineBox{width:100%; overflow:hidden; font-size:0; line-height:0;} .hot_lineBox:after {content:" "; display:block; clear:both;} .hot_lineBox .hot_lineImg{width:250px; overflow:hidden; float:left; text-align:center;} .hot_lineBox .hot_lineText{width:450px; float:right; overflow:hidden;} .hot_lineBox .hot_lineText .hot_lineTxt{width:100%;padding-top:10px; font-size:12px; line-height:18px; color:#555555;} .hot_lineBox .hot_lineText .hot_lineTxt dt{color:#333;} .hot_lineBox .hot_lineText .hot_lineTxt dd{margin-top:7px;} /*[e] 윤리경영 스타일 */ /*[s] ETC 스타일 */ #sitemap{width:100%; padding:55px 0 100px; overflow:hidden; font-size:0; line-height:0; clear:both;} .siteMapArea{width:100%; overflow:hidden;} .siteMapArea ul{width:990px; margin-left:-10px; overflow:hidden; font-size:0; line-height:0;} .siteMapArea ul li{width:155px; padding-left:10px; overflow:hidden; float:left;} .siteMapArea .siteMapBox{width:100%; height:670px; background:url('/images/company/etc/siteMapBg.gif') no-repeat left top;} .siteMapArea .siteMapBox h2{width:115px; height:34px; margin:0 20px; padding-top:20px; border-bottom:1px solid #ececec;} .siteMapArea .depth01_m{width:120px; margin:10px 20px 0;} .siteMapArea .depth01_m li{width:100%; padding:0; clear:both;} .siteMapArea .depth01_m li a{background:url('/images/company/etc/sitemapBul01.gif') no-repeat left 12px; padding:6px 0 4px 9px; display:block; font-size:12px; line-height:16px; color:#333; z-index:1;} .siteMapArea .depth01_m .depth02_m{margin-left:3px; width:145px;} .siteMapArea .depth01_m .depth02_m li {width:115px;} .siteMapArea .depth01_m .depth02_m a{background:url('/images/company/etc/sitemapBul02.gif') no-repeat left 7px; padding:2px 0 2px 10px; font-size:12px; line-height:12px; color:#555555; z-index:1;} /*[e] ETC 스타일 */ /*[s] 사회공헌 스타일 */ /* 사회공헌 - 메인_new 150426 */ #ethiceVisual{width:100%; background-color:#f2f2f2;} #ethiceVisual .visualWrap{margin:0 auto;width:980px;height:400px; position:relative;} #ethiceVisual .visualSlider{width:980px;height:310px; position:relative;} #ethiceVisual .visualSlider li{width:980px;height:310px;} #ethiceVisual .visualSlider li.visual1{background:url('/images/company/ethics/img_visual1.png') no-repeat right top;} #ethiceVisual .visualSlider li.visual2{background:url('/images/company/ethics/img_visual2.png') no-repeat right top;} #ethiceVisual .visualSlider li.visual3{background:url('/images/company/ethics/img_visual3.png') no-repeat right top;} #ethiceVisual .visualSlider li.visual4{background:url('/images/company/ethics/img_visual4.png') no-repeat right top;} #ethiceVisual .visualSlider li.visual5{background:url('/images/company/ethics/img_visual5.png') no-repeat right top;} #ethiceVisual .visualSlider .flex-control-nav{position:absolute;bottom:20px;left:25px;} #ethiceVisual .visualSlider .flex-control-nav li{width:10px;height:10px; margin-left:5px; float:left;} #ethiceVisual .visualSlider .flex-control-nav li a{width:10px;height:10px; text-indent:-9999px; background-color:#c3c3c3; display:block;} #ethiceVisual .visualSlider .flex-control-nav li a.flex-active{background-color:#e83d44;} #ethiceVisual .visualSlider .flex-pauseplay {position:absolute;bottom:15px;left:0;} #ethiceVisual .visualSlider .flex-pauseplay a{width:20px;height:20px; text-indent:-9999px; display:block;} #ethiceVisual .visualSlider .flex-pauseplay .flex-pause{background:url('/images/company/etc/btn_pause.png') no-repeat 0 0;} #ethiceVisual .visualSlider .flex-pauseplay .flex-play{background:url('/images/company/etc/btn_play.png') no-repeat 0 0;} #ethiceVisual .visualSlider .textBlock{padding:60px 0 0 10px;height:250px; display:block;} #ethiceVisual .visualSlider .textBlock:hover{text-decoration:none;} #ethiceVisual .visualSlider .textBlock h2{margin-top:23px;font-family:RixGoL;font-size:22px;line-height:1.3;color:#242424;} #ethiceVisual .visualSlider .textBlock strong{font-family:RixGoL;font-size:33px;line-height:1.3;color:#242424;} #ethiceVisual .visualSlider .textBlock strong span{color:#e83d44;} #ethiceVisual .visualSlider .textBlock .txtType1{font-family:RixGoL;font-size:16px;line-height:1.3;color:#242424;} #ethiceVisual .visualSlider .textBlock .txtType2{margin-top:18px;font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454;} #ethiceVisual .visualSlider .textBlock .txtType3{margin-top:18px;font-family:RixGoL;font-size:13px;line-height:1.3;color:#e83d44;} #ethiceVisual .visualSlider .flex-pauseplay {display:none;} #ethiceVisual .visualSlider .flex-pauseplay01 {position:absolute;bottom:15px;left:0;} #ethiceVisual .visualSlider .flex-pauseplay01 a {display:block; overflow:hidden; width:20px; height:20px; text-indent:-9999px;} #ethiceVisual .visualSlider .flex-pauseplay01 .btn_pause {display:none; background:url('/images/company/etc/btn_pause.png') no-repeat 0 0;} #ethiceVisual .visualSlider .flex-pauseplay01 .btn_play {display:none; background:url('/images/company/etc/btn_play.png') no-repeat 0 0;} #ethiceCon{margin:-90px auto 40px;width:980px; position:relative;} #ethiceCon .section{margin:10px 0 0 10px;padding:15px;float:left;} #ethiceCon .section h3{font-family:RixGoL;font-size:16px;line-height:1.3;color:#545454;} #ethiceCon .section p{margin-top:15px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454;} #ethiceCon .section .inner{width:455px;height:154px; color:#545454; display:block;} #ethiceCon .nanum{margin:0; background-color:#624331;} #ethiceCon .service{margin-top:0; background-color:#F93245;} #ethiceCon .donation{margin-left:0; background-color:#E2E2E2;} #ethiceCon .nanum .inner{width:160px; background:url('/images/company/ethics/icon_nanum.png') no-repeat right bottom;} #ethiceCon .service .inner{color:#fff; background:url('/images/company/ethics/icon_service.png') no-repeat right bottom;} #ethiceCon .service .inner h3 {color:#fff;} #ethiceCon .service .inner p {color:#fff;} #ethiceCon .donation .inner{position:relative; background:url('/images/company/ethics/icon_donation.png') no-repeat right bottom;} #ethiceCon .donation .check{text-align:right; position:absolute;bottom:0;right:0;} #ethiceCon .donation .check .txt{margin-top:0; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff;} #ethiceCon .donation .check .amount{margin-top:5px; font-family:RixGoL;font-size:16px;line-height:1.2;color:#fff;} #ethiceCon .donation .check .amount strong{font-family:RixGoL;font-size:36px;line-height:1.2;color:#fff;} #ethiceCon .notice{margin-top:0; margin-left:0; background-color:#F93245;} #ethiceCon .notice .inner{width:160px; position:relative;} #ethiceCon .notice .inner h3{color:#fff;} #ethiceCon .notice .inner .btnMore{width:16px;height:16px; text-indent:-9999px; background:url('/images/company/etc/btn_more.png') no-repeat 0 0; display:block; position:absolute;top:0;right:0;} #ethiceCon .notice .inner .slider{margin-top:15px;} #ethiceCon .notice .slider a{color:#fff;} #ethiceCon .notice .slider em{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoM;font-size:14px;line-height:1.3;color:#fff; display:block;} #ethiceCon .notice .slider p{width:160px;height:35px;overflow:hidden; margin-top:10px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#fff;} #ethiceCon .notice .slider span{margin-top:10px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff; display:block;} #ethiceCon .notice .slider .flex-pauseplay{position:absolute;bottom:0;left:0;} #ethiceCon .notice .slider .flex-pauseplay a {width:20px; display:block;} #ethiceCon .notice .slider .flex-control-nav{position:absolute;bottom:5px;left:25px;} #ethiceCon .notice .slider .flex-control-nav li{margin-left:5px; float:left;} #ethiceCon .notice .slider .flex-control-nav li a{width:10px;height:10px; text-indent:-9999px; background-color:#f5f5f5; display:block;} #ethiceCon .notice .slider .flex-control-nav li a.flex-active{background-color:#e83d44;} #ethiceCon .activity{padding:0 0 0 193px;width:192px;height:184px; background-color:#f6f2ef; position:relative;} #ethiceCon .activity .inner{padding:15px;width:172px; color:#242424; background:url('/images/company/ethics/bul_arrow.png') no-repeat right center; position:absolute;top:0;left:0;} #ethiceCon .activity .inner h3{color:#242424;} #ethiceCon .activity .inner p{color:#545454;} /* 2019-06-25 48866 개인_카드상품_신용카드_우리Most카드_수정 */ #ethiceCon.new01 .social {background-color:#E2E2E2;} #ethiceCon.new01 .social .inner {background:url('/images/company/ethics/icon_social.png') no-repeat right bottom;} #ethiceCon.new01 .donation .check .amount strong {font-size:34px; letter-spacing:-1px;} #ethiceCon.new01 .activity {padding-left:235px;} #ethiceCon.new01 .activity .inner {width:214px;} /* end 2019-06-25 48866 개인_카드상품_신용카드_우리Most카드_수정 */ /* 사회공헌 메인 공지사항 변경 2019-07-03 #ethiceCon.new01 .notice .bu01 li {margin-top:15px;} #ethiceCon.new01 .notice .bu01 a {display:block;} #ethiceCon.new01 .notice .bu01 a:after {display:block; content:''; clear:both;} #ethiceCon.new01 .notice .bu01 p {margin-top:0;} #ethiceCon.new01 .notice .bu01 .notice_tit {float:left; color:#545454;} #ethiceCon.new01 .notice .bu01 a:hover .notice_tit {text-decoration:underline;} #ethiceCon.new01 .notice .bu01 .notice_date {float:right; color:#545454;} */ /* 사회공헌 메인 공지사항 변경후 추가 2019-07-03 */ #ethiceCon.new01 .notice .inner {width:455px;height:154px; display:block; position:relative;} #ethiceCon.new01 .notice {margin-top:0; margin-left:0; background-color:#F93245;} #ethiceCon.new01 .notice .inner h3 {color:#fff;} #ethiceCon.new01 .notice .inner .btnMore{width:16px;height:16px; text-indent:-9999px; background:url('/images/company/etc/btn_more.png') no-repeat 0 0; display:block; position:absolute;top:0;right:0;} #ethiceCon.new01 .notice .inner ul{margin-top:25px;} #ethiceCon.new01 .notice .inner li{position:relative; margin:7px 0 6px;padding-left:10px; overflow:hidden;clear:both;} #ethiceCon.new01 .notice .inner li:before {display:block; content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background-color:#fff;} #ethiceCon.new01 .notice .inner li a{width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff; float:left;} #ethiceCon.new01 .notice .inner li span{font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff; float:right;} /* 사회공헌 - 메인_old 150426 #ethicsMain{width:980px; padding-bottom:100px; overflow:hidden; font-size:0; line-height:0; clear:both;} #ethicsMain .ethicsMainCon{width:979px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9;} #ethicsMain .ethicsMainBoxTop{width:100%; overflow:hidden;} #ethicsMain .ethicsMainBoxTop li{float:left; border-right:1px solid #e9e9e9;} #ethicsMain .ethicsMainBoxTop .ethicsMainBanner{border-bottom:1px solid #e9e9e9;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual{width:489px; border-bottom:1px solid #e9e9e9; position:relative; z-index:1;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual .ethicsMainVisualRoll{width:489px; overflow:hidden;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual .pagination{position:absolute; left:26px; bottom:20px; z-index:99;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual .pagination li{width:23px; height:18px; border:none;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual .pagination li a{background:url('/images/company/ethics/ethicsMainVisual_off.png') no-repeat left top; width:18px; height:18px; display:block;} #ethicsMain .ethicsMainBoxTop #ethicsMainVisual .pagination .current a{background:url('/images/company/ethics/ethicsMainVisual_on.png') no-repeat left top; width:18px; height:18px; display:block;} #ethicsMain .ethicsMainBoxBtm{width:100%; overflow:hidden; clear:both;} #ethicsMain .ethicsMainBoxBtm h2{width:100%; overflow:hidden;} #ethicsMain .ethicsMainBoxBtm .emNotice{width:193px; height:182px;padding:24px 25px 21px; background-color:#f3f3f3; overflow:hidden; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; float:left;} #ethicsMain .ethicsMainBoxBtm .emNotice h2.noticeTit{width:100%; padding-bottom:10px; background-color:#f3f3f3; overflow:hidden;} #ethicsMain .ethicsMainBoxBtm .emNotice ul{width:100%; overflow:hidden;} #ethicsMain .ethicsMainBoxBtm .emNotice li{border-top:1px solid #eaeaea; margin-top:-1px;} #ethicsMain .ethicsMainBoxBtm .emNotice a{display:block; font-size:12px; line-height:14px; color:#6f6f6f; padding:9px 0 8px;} #ethicsMain .ethicsMainBoxBtm .emNews{width:194px; padding:24px 25px; overflow:hidden; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; float:left;} #ethicsMain .ethicsMainBoxBtm .emActive{width:194px; padding:24px 25px; overflow:hidden; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; float:left;} #ethicsMain .ethicsMainBoxBtm .emDonation{width:194px; padding:24px 25px; overflow:hidden; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; float:left;} #ethicsMain .ethicsMainBoxBtm .emList{width:100%; overflow:hidden; height:142px; cursor:pointer;} #ethicsMain .ethicsMainBoxBtm .emList dt img{border:1px solid #e5e5e5;} #ethicsMain .ethicsMainBoxBtm .emList dd{font-size:12px; line-height:14px; color:#777; padding-top:5px; font-weight:bold; letter-spacing:-1px;} #ethicsMain .emDonationRoll {position:relative; z-index:3;width:194px;height:142px;} #ethicsMain .emDonationRoll .items img {width:191px;height:107px;border:1px solid #e5e5e5;} #ethicsMain .emDonationRoll a.left {display:block;width:15px;height:15px;font-size:1px;background:url('/images/company/ethics/ethicsMain_left.gif') 50% 50% no-repeat; cursor:pointer; text-indent:-9999em; position: absolute; left:160px; top:-38px; z-index:99;} #ethicsMain .emDonationRoll a.right {display:block;width:15px;height:15px;font-size:1px;background:url('/images/company/ethics/ethicsMain_right.gif') 50% 50% no-repeat; cursor:pointer; text-indent:-9999em; position: absolute; right:0px; top:-38px; z-index:99;} #ethicsMain .emDonationRoll a.disabled {cursor:default !important;opacity:0.3;filter:alpha(opacity=30);} #ethicsMain .emDonationRoll .photo_scrollable {position:relative; z-index:3; overflow:hidden;width:100%;height:142px;} #ethicsMain .photo_scrollable .items {position:absolute; left:0; z-index:99; clear:both;width:20000px;height:142px; overflow:hidden;} #ethicsMain .photo_scrollable .items:after {content:" "; display:block; clear:both;} #ethicsMain .photo_scrollable .items div {display:block; float:left; overflow:hidden;width:194px; height:142px;} 사회공헌 - 메인_old 150426 */ /* 공통 포토 리스트 */ .ethicsPhotoList{border-top:2px solid #dadce4;} .ethicsPhotoList a{display:block; position:relative; z-index:1; cursor:pointer;} .ethicsPhotoList a:hover .epl_tit, .ethicsPhotoList a:hover .epl_txt{text-decoration:underline;} .ethicsPhotoList .ethicsPhotoList_re{width:100%; padding:20px 0; overflow:hidden; border-bottom:1px solid #ededed;} .ethicsPhotoList .ethicsPhotoList_re:after {content:" "; display:block; clear:both;} .ethicsPhotoList .ethicsPhotoList_re dt{width:160px; float:left;} .ethicsPhotoList .ethicsPhotoList_re dt img{border-top:1px solid #c7c7c7; width:135px; display:block;} .ethicsPhotoList .ethicsPhotoList_re dd{width:590px; float:left; padding-top:5px;} .ethicsPhotoList .ethicsPhotoList_re .epl_tit{font-size:14px; display:block; font-weight:bold; color:#333;} .ethicsPhotoList .ethicsPhotoList_re .epl_txt{padding-top:10px; font-size:12px; color:#555555; padding-right:30px;} /* 사회공헌소개 - 개요 */ .com_about_text{width:725px; margin-left:25px; overflow:hidden;} .com_about_text li{float:left; width:165px; padding-left:15px; color:#333; overflow:hidden;} .com_about_text .com_aboutBul{width:100%; margin:15px 0 0 0;} .com_about_text .com_aboutBul li{background:url('/images/company/individual/common/ic/bu_bar_8e.gif') no-repeat left 5px; margin-bottom:5px; padding-left:11px; line-height:13px; clear:both; width:154px; font-size:12px; color:#6e6e6e;} /* 사회공헌소개 - 연혁 */ .com02_box{background:url('/images/company/ethics/com02_boxTop.gif') no-repeat left top; width:750px;} .com02_box .com02_box_con{padding:0 30px 0px; width:690px; background:url('/images/company/ethics/com02_boxBtm.gif') no-repeat left bottom;} .hisRepeat{width:100%; font-size:0; line-height:0; overflow:hidden; padding-bottom:30px;} .hisRepeat .photoAr{width:221px; padding:25px 0 0 0px; float:left;} .hisRepeat .textAr{width:440px; padding-top:45px; float:left;} .hisRepeat .textAr dt{margin-bottom:10px;} .hisRepeat .textAr dd{margin-bottom:15px;} .hisView{background:url('/images/company/ethics/dot4x1.gif') repeat-x left top; width:100%; padding:31px 0 30px; display:none;} .hisView .bg01{background:url('/images/company/ethics/com_historyImgV01.jpg') no-repeat left top;} .hisView .bg02{background:url('/images/company/ethics/com_historyImgV02.jpg') no-repeat left top;} .hisView .bg03{background:url('/images/company/ethics/com_historyImgV03.jpg') no-repeat left top;} .hisView .hisViewScroll{width:470px; height:193px; padding-left:220px; overflow:hidden; overflow-y:scroll; position:relative; z-index:1; } .hisView .hisViewScroll dl{width:100%; position:relative; z-index:1; margin-bottom:7px; color:#666;} .hisView .hisViewScroll dl dt{position:absolute; left:0px; top:0px; z-index:2; font-weight:bold;} .hisView .hisViewScroll dl dd{padding-left:65px;} /* 사회공헌소개 - 신청하기 */ .com_request{width:100%; overflow:hidden;} .com_request .com_requestList{width:786px; overflow:hidden; font-size:0; line-height:0; margin-left:-36px;} .com_request .com_requestList li{width:226px; min-height:207px; float:left; padding-left:36px;} .com_request .com_requestList dl{width:100%; overflow:hidden;} .com_request .com_requestList dt img{width:226px; display:block;} .com_request .com_requestList dd{width:100%; overflow:hidden; margin-top:10px;} /* 교육공헌 */ .education01Box{overflow:hidden; background:url('/images/company/ethics/education01Img.jpg') no-repeat left top; padding-left:337px; min-height:226px;} .education02Box{overflow:hidden; background:url('/images/company/ethics/education02Img01.jpg') no-repeat left top; padding-left:337px; min-height:226px;} .education02Box02{width:100%; overflow:hidden;} .education02Box02 .textBox{width:485px; float:left;} .education03Box{width:100%; overflow:hidden;} .education03Box .textBox{width:400px; float:left;} .education03box02{background:url('/images/company/ethics/education03_boxTop.gif') no-repeat left top; width:750px;} .education03box02 .education03box02_con{padding:25px 21px; width:708px; background:url('/images/company/ethics/education03_boxBtm.gif') no-repeat left bottom;} .education03box02 .education03box02_con ul{width:100%; overflow:hidden;} .education03box02 .education03box02_con .textBox{width:480px; float:left; font-size:12px;} .education03box02 .education03box02_con .imgBox{width:173px; float:right; padding-right:10px;} .education04Line{background:url('/images/company/ethics/dot4x1.gif') repeat-x left bottom; padding-bottom:30px;} /* 문화공헌 */ .culture01Box{width:100%; overflow:hidden; padding:26px 0;} .culture01Box dt{width:218px; float:left;} .culture01Box dd{width:470px; float:left;} .culture02Box{width:100%; overflow:hidden;} .culture02Box ul{width:760px; margin-left:-10px; overflow:hidden;} .culture02Box li{width:243px; float:left; padding:0 0 10px 10px; overflow:hidden;} .culture02Box li.w244 {width:244px;} .culture04Box{width:750px; overflow:hidden;} .culture04Box ul{width:760px; overflow:hidden;} .culture04Box li{width:144px; float:left; padding-right:7px;} .culture05Box{overflow:hidden; background:url('/images/company/ethics/culture05Bg01.jpg') no-repeat left top; padding-left:337px; min-height:236px;} .culture05BoxHis{width:100%; overflow:hidden; margin-top:30px;} .culture05BoxHis:after {content:" "; display:block; clear:both;} .culture05BoxHis .culture05BoxHisCon{width:750px; min-height:550px; overflow:hidden; background:url('/images/company/cyber/museum_box_top.gif') no-repeat left top;} .culture05BoxHis .culture05BoxHisCon .historyConWrap {width:750px; background:url('/images/company/ethics/culture05seasonBg05.jpg') no-repeat 521px 347px;} .culture05BoxHis .historyCon{width:100%; padding-top:40px; overflow:hidden; clear:both; font-size:0; line-height:0;} .culture05BoxHis .historyCon .history_year{width:175px; padding:5px 0 0 35px; float:left; overflow:hidden;} .culture05BoxHis .historyCon .history_con{width:505px; float:left; overflow:hidden; padding-top:10px;} .culture05BoxHis .historyCon .bg01{background:url('/images/company/ethics/culture05seasonBg01.jpg') no-repeat right top;} .culture05BoxHis .historyCon .bg02{background:url('/images/company/ethics/culture05seasonBg02.jpg') no-repeat right top;} .culture05BoxHis .historyCon .bg03{background:url('/images/company/ethics/culture05seasonBg03.jpg') no-repeat right top;} .culture05BoxHis .historyCon .history_con p{padding:0 0 15px 35px; width:470px; position:relative; z-index:1; overflow:hidden; font-size:12px; line-height:18px; color:#666; padding-bottom:7px;} .culture05BoxHis .historyCon .history_con p strong{position:absolute; left:0px; top:0px; z-index:2; display:block;} /* 환경보호 */ .surroundings01Box{width:100%; overflow:hidden;} .surroundings01Box:after {content:" "; display:block; clear:both;} .surroundings01Box .photoBox{float:right;} .surroundings01Box .TextBox{width:455px; float:left; overflow:hidden;} .greenBox{width:420px; min-height:226px; padding-left:330px; overflow:hidden; background:url('/images/company/ethics/greenBg.jpg') no-repeat left top;} .greenBoxBtm{width:100%;} .greenBoxBtm:after {content:" "; display:block; clear:both;} .greenBoxBtm .greenLeft{width:248px; float:left; overflow:hidden;} .greenBoxBtm .greenRight{width:502px; float:left; overflow:hidden;} .greenBoxBtm .greenBg01{padding-left:170px; overflow:hidden; background:url('/images/company/ethics/greenImg03.jpg') no-repeat left top; height:113px;} .greenBoxBtm .greenBg02{padding-left:170px; overflow:hidden; background:url('/images/company/ethics/greenImg04.jpg') no-repeat left top; height:113px;} .greenBoxBtm .greenBg03{padding-left:170px; overflow:hidden; background:url('/images/company/ethics/greenImg05.jpg') no-repeat left top; height:113px;} .paperlessImg { margin:0 20px 20px 0; float:left;} /* 나눔캘린더 */ .calendar_year{width:100%; text-align:center;} .calendar_year img{vertical-align:middle;} .calendar_year strong{display:inline-block; width:100px; font-size:20px; line-height:20px; overflow:hidden; color:#555; vertical-align:middle; letter-spacing:-1px;} .calendar_select{border:1px solid #d7d7d7; float:right; position:relative; z-index:2; font-size:0; line-height:0; margin-bottom:20px;} .calendar_select .calendar_select_txt{width:85px; height:18px; font-size:12px; line-height:18px; padding:0 10px; vertical-align:middle; background-color:#fff; border:0; color:#555; display:inline-block;} .calendar_select .calendar_select_Lay{position:absolute; left:-1px; top:18px; z-index:3; width:126px; height:80px; overflow:hidden; overflow-y:auto; border:1px solid #d7d7d7; background-color:#fff; display:none;} .calendar_select .calendar_select_Lay a{display:block; padding:3px 0 0 10px; font-size:12px; line-height:14px; color:#555;} .calendarTable{width:100%; border-top:2px solid #dadce4; empty-cells:show; border-collapse:collapse;} .calendarTable th, .calendarTable td{empty-cells:show; border-collapse:collapse; border:1px solid #dadce4;} .calendarTable thead th{background-color:#f4f4f4; padding:10px 0 9px; text-align:center;} .calendarTable tbody td{vertical-align:top; font-size:12px; line-height:13px;} .calendarTable tbody td.sun .ethics span{color:#fa3246;} .calendarTable .ethics{padding:28px 14px 0 25px; width:66px; height:80px; color:#555555; position:relative; z-index:1; text-align:left;} .calendarTable .ethics span{position:absolute; left:10px; top:10px;_top:8px; z-index:2;} .calendarTable .ethics p {float:left;margin:0 2px 5px 0;} .calendarTable .ethics p img {width:28px;height:28px;} .calendarTable .listTh{padding:9px 0 7px; text-align:center; border-bottom:1px solid #c1a579;} .calendarTable .listTd{padding:9px 0 7px; text-align:center; border-bottom:1px solid #eaeaea;} .calendarTable .listImg{padding:5px 0 5px; text-align:center; border-bottom:1px solid #eaeaea;} .calendarTable .listImg img{vertical-align:middle;} .calendarLayer{width:100%; position:relative; z-index:3;} .calendarLayer .clayer{position:absolute; left:50%; top:200px; z-index:2; margin-left:-245px; } .calendarLayer .clayer .clayerCon{width:457px; background:url('/images/company/ethics/clBoxTop.gif') no-repeat left top; padding:16px;} .calendarLayer .clayer .clayerCon p{text-align:left;} .calendarLayer .clayer .clayerCon dl{width:100%; overflow:hidden; position:relative; z-index:1; font-size:12px; color:#555555;} .calendarLayer .clayer .clayerCon dt{float:left; width:120px;} .calendarLayer .clayer .clayerCon dd{float:left; width:322px;} .calendarLayer .clayer .clayerCon dt.flnone{float:none; width:100%;} .calendarLayer .clayer .clayerCon dd.flnone{float:none; width:100%;} .calendarLayer .clayer .clayerCon dd p {text-align:left !important;} .canlendar_divide {width:730px;height:50px;margin-top:20px;padding:10px 0 0 20px;overflow:hidden;border-top:1px solid #D9DCE3;border-bottom:1px solid #D9DCE3;background:#F4F4F4;} .canlendar_divide li {float:left;margin-left:55px;} .canlendar_divide li:first-child {margin-left:0px;} /* 나눔 실천 */ .h83{height:83px;} .divideFilshBg{width:715px; height:165px; padding:30px 0 0 35px; background:url('/images/company/ethics/divideFilshBg.gif') no-repeat left top;} .divideFilshCon{width:100%; background:url('/images/company/ethics/dot4x1.gif') repeat-x left top; padding-top:4px;} .divideMonth{width:100%; overflow:hidden;} .divideMonth li{width:100%; overflow:hidden; padding:20px 0; background:url('/images/company/ethics/dot4x1.gif') repeat-x left bottom;} .divideMonth .dmPhoto{width:288px; float:left; overflow:hidden;} .divideMonth .dmCon{width:462px; padding-top:20px; float:left; overflow:hidden;} .divideOld_sch{width:730px; padding:10px; background-color:#f2f2f4; border-top:2px solid #c0c7d9; border-bottom:1px solid #dddddf;} .divideOld_sch:after {content:" "; display:block; clear:both;} .divideOld_sch .calendar_select{margin:0;} .divideOld_sch .calendar_select .calendar_select_txt{width:127px;} .calendar_select .calendar_select_Lay{width:168px;} .divideOld_List{width:100%; overflow:hidden;} .divideOld_List ul{width:750px; overflow:hidden;} .divideOld_List ul li{float:left; width:193px; height:195px; padding:30px 20px 0; border-bottom:1px solid #dadce4;} .divideOld_List .dolImg img{display:block; width:191px;} .divideOld_List .dolDay{width:100%; display:block; padding-top:10px; font-size:12px;} .divideOld_List .dolName{width:100%; color:#333; padding-top:5px; line-height:16px;} .divideOld_List .dolName strong{display:block;} .divideTopV{width:100%;} .divideTopV:after {content:" "; display:block; clear:both;} .divideTopV .dmPhoto{width:337px; float:left; overflow:hidden;} .divideTopV .dmCon{width:413px; padding-top:20px; float:left; overflow:hidden;} .divideTopV .dmCon .youtube {position:absolute; right:0px; top:10px; width:200px; height:110px;} .divideTopVCon{width:100%; padding-bottom:30px; background:url('/images/company/ethics/dot4x1.gif') repeat-x left bottom;} .divideTopVCon .dtvName{color:#333;} .saveTheChildren{width:100%; padding:15px 0 21px; background:url('/images/company/ethics/dot4x1.gif') repeat-x left bottom;} .saveTheChildren dd{padding:10px 0 0 35px;} .commentWrite{width:729px; height:53px; padding:21px 0 0 25px; background:url('/images/company/ethics/commentBg.gif') no-repeat left top;} .commentWrite .input{width:609px; height:30px; line-height:30px;} .divideOldTopV{width:730px; padding:10px 0 7px 20px; border-top:1px solid #c0c7d9; border-bottom:1px solid #dadce4; font-weight:bold; color:#555;} .divideOldTopV span{color:#d0484e;} .divideOldConV{width:710px; padding:20px 20px 15px; color:#555; border-bottom:1px solid #dadce4;} .divideOldConV .docTop{width:100%;} .divideOldConV .docTop:after {content:" "; display:block; clear:both;} .divideOldConV .docTop .docPhoto{background:url('/images/company/ethics/docPhotoBg.gif') no-repeat left top; width:267px; height:119px; padding:9px 0 0 9px; float:left;} .divideOldConV .docTop .docTitle{width:410px; float:right; padding-top:45px;} .divide02Box{width:100%; overflow:hidden;} .divide02Box:after {content:" "; display:block; clear:both;} .divide02Box .photoBox{float:right;} .divide02Box .textBox{width:465px; float:left; overflow:hidden;} .divide03Box{width:420px; min-height:226px; padding-left:330px; overflow:hidden; background:url('/images/company/ethics/divide03Bg.jpg') no-repeat left top;} .divide04Box{width:100%; line-height:16px;} .divide04Box:after {content:" "; display:block; clear:both;} .divide04Box .photoBox{float:left; padding:0 20px 0px 0;} .dvStepPrivacy{border:1px solid #e8e8e8; padding:21px; overflow:hidden;} .dvStepEnd{padding:15px 0 12px;} .dvStepEx{border:1px solid #e8e8e8; overflow:hidden;} .dvStepEx .dvStepExCon{border:1px solid #fff; padding:20px; overflow:hidden; background-color:#fbfbfc} /* 사랑해 봉사단 */ .lsArea{width:100%;} .lsArea:after {content:" "; display:block; clear:both;} .lsArea .photoBox{float:left; padding:0 20px 0px 0;} .lsBtmBox{width:100%; overflow:hidden;} .lsBtmBox ul{width:760px; margin-left:-10px; overflow:hidden; font-size:0; line-height:0;} .lsBtmBox li{padding-left:10px; float:left;} /* 레이어 스타일 */ .ethicsLayer{width:100%; position:relative; z-index:3;} .ethicsLayer .layClose{text-align:right;} .ethicsLayer .layClose img{border:none !important; width:11px !important;} .ethicsLayer .layer340{position:absolute; left:50%; top:-50px; z-index:2; margin-left:-170px; display:none;} .ethicsLayer .layer340 .dvStepCon{width:278px; background:url('/images/company/ethics/layer340Top.gif') no-repeat left top; padding:16px 31px 16px 31px;} .ethicsLayer .layer340 .dvStepCon .PointChk{width:100%;border-top:1px solid #c0c7d9; border-bottom:1px solid #c0c7d9; padding:20px 0; text-align:center;} .ethicsLayer .layer340 .dvStepCon .PointChk strong{font:30px/30px Tahoma; color:#df0318; letter-spacing:-1px;} .ethicsLayer .layer420{position:absolute; left:50%; top:-230px; z-index:2; margin-left:-210px; display:none;} .ethicsLayer .layer420 .education02Con{width:358px; background:url('/images/company/ethics/layer420Top.gif') no-repeat left top; padding:16px 31px 16px 31px;} .ethicsLayer .layer560{position:absolute; left:50%; top:-250px; z-index:2; margin-left:-280px; display:none;} .ethicsLayer .layer560 .education04Con{width:500px; background:url('/images/company/ethics/layer560Top.gif') no-repeat left top; padding:16px 30px;} .ethicsLayer .layer640{position:absolute; left:50%; top:0px; z-index:2; margin-left:-320px; display:none;} .ethicsLayer .layer640 .cultureCon{width:578px; background:url('/images/company/ethics/layer640Top.gif') no-repeat left top; padding:16px 31px;} .ethicsLayer .layer640 .cultureCon img{width:575px; border:1px solid #efefef;} /*[e] 사회공헌 스타일 */ /* position:relative; z-index:1; position:absolute; right:0px; top:0px; z-index:2; */ /*[s] 공통 스타일 */ h3.title_h3{color:#333; font-size:12px; line-height:14px;} .bu01_new {margin-top:10px;} .bu01_new li{width:100%; position:relative; z-index:1; line-height:18px; margin-top:6px;} .bu01_new li:first-child {margin-top:0;} .bu01_new li .bu01_new_tit{background:url('/images/company/individual/common/ic/bu_cir_7b.gif') no-repeat left 6px; padding-left:11px; position:absolute; left:0px; top:0px; z-index:2; display:block;} /* tab style */ .tab01 {position:relative; width:100%; background:url('/images/company/individual/common/bg/bg_tab_01_line.gif') repeat-x left bottom;} .tab01:after {content:" "; display:block; clear:both;} .tab01 ul {margin-left:1px;} .tab01 li {float:left; height:31px; background:url('/images/company/individual/common/bg/tab_01_r.gif') no-repeat right top; margin-left:-1px; /*margin-right:1px;*/ font-size:12px; line-height:14px;} .tab01 li a {display:inline-block; height:21px; padding:10px 13px 0; background:url('/images/company/individual/common/bg/tab_01_l.gif') no-repeat left top; color:#6f6f6f;} .tab01 li.on a{padding:10px 17px 0;} .tab01.tab02 li a{padding:10px 13px 0;} .tab01 li a:hover, .tab01 li a:focus {text-decoration:none;} .tab01 li.on {position:relative; background:url('/images/company/individual/common/bg/tab_01_r_on.gif') no-repeat right top;} .tab01 li.on a {background:url('/images/company/individual/common/bg/tab_01_l_on.gif') no-repeat left top; color:#333; font-weight:bold; letter-spacing:-1px;} .tab01 .counsel {position:absolute; top:9px; right:0; background:url('/images/company/individual/common/ic/ic_arr_red.gif') no-repeat 0 2px; padding-left:10px; font-size:12px; line-height:14px;} .ls1Tab li {letter-spacing:-1px !important;} .tab01 li ul {position:absolute; top:45px; left:0px; width:750px;} .tab01 li ul li {float:left; height:auto; background:url('/images/company/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important; margin-left:0; padding:0 13px; font-size:12px; line-height:14px;} .tab01 li ul li.first {background:none !important; padding-left:0;} .tab01 li ul li a {display:inline !important; padding:0 !important; background:none !important; letter-spacing:0 !important;} .tab01 li ul li.on {background:none; font-weight:bold;} .tab01 li ul li.on a {color:#6f6f6f;} .tab01 li.on ul li {float:left; height:auto; background:url('/images/company/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important; margin-left:0; padding:0 11px; font-size:12px; line-height:14px;} .tab01 li.on ul li.first {background:none !important; padding-left:0;} .tab01 li.on ul li:first-child {background:none !important; padding-left:0;} .tab01 li.on ul li a {display:inline !important; padding:0 !important; background:none !important; font-weight:normal;color:#6f6f6f !important; letter-spacing:0 !important;} .tab01 li.on ul li.on {background:none;color:#3b64b2 !important;} .tab01 li.on ul li.on a {color:#fd3246 !important; font-weight:bold;} .tab01 li ul.tvTab {left:3px;} /* list style */ ul.tbEmphasis {margin-top:11px;} ul.tbEmphasis li , p.tbEmphasis {margin-top:6px; background:url('/images/company/individual/common/ic/bu_sq_333.gif') no-repeat 0 7px; padding-left:8px;} ul.tbEmphasis li:first-child , p.tbEmphasis:first-child {margin-top:0;} ul.caution01 {} ul.caution01 li {background:url('/images/company/individual/common/ic/bu_sq_d3.gif') no-repeat 0 6px; margin-top:6px; padding-left:8px; font-size:12px;} ul.caution01 li:first-child {margin-top:0;} ul.caution01 li ol li {background:none; margin-bottom:0; padding-left:0;} ul.caution01 li ul li {background:none; margin-bottom:0; padding-left:0;} p.caution01 {background:url('/images/company/individual/common/ic/bu_sq_d3.gif') no-repeat 0 6px; margin-top:6px; padding-left:8px; font-size:12px;} p.caution01:first-child {margin-top:0;} ul.caution01 .cautionNum{padding-left:0; background:none;} ul.caution01 .cautionNum ol li{padding-left:0; background:none;} .cautionBox01 ul.caution01 li {background:url('/images/company/individual/common/ic/bu_sq_d3.gif') no-repeat 0 6px; margin-top:6px;} .cautionBox01 ul.caution01 li:first-child {margin-top:0;} .cautionBox01 ul.caution01 li.last {background:none;} ul.caution02 {margin-top:10px;} ul.caution02 li {background:url('/images/company/individual/common/ic/bu_sq_6f.gif') no-repeat 0 6px; margin-top:6px; padding-left:8px; font-size:12px;} ul.caution02 li:first-child {margin-top:0;} ul.caution03 {} ul.caution03 li {background:url('/images/company/individual/common/ic/bu_sq_d3.gif') no-repeat 0 5px; margin-top:6px; padding-left:8px;} ul.caution03 li:first-child {margin-top:0;} ul.infoTxt {} ul.infoTxt li {margin-bottom:4px; font-size:12px;} dl.tblDlList01 {margin-top:10px;} dl.tblDlList01 dt {margin:0 0 3px 0; font-weight:bold;} dl.tblDlList01 dd {background:url('/images/company/individual/common/ic/bu_sq_333.gif') no-repeat 0 7px; padding-left:7px; line-height:16px;} dl.tblDlList01:first-child {margin-top:0;} ul.tbLi01 {margin-top:10px;} ul.tbLi01 li , p.tbLi01 {margin-top:6px; background:url('/images/company/individual/common/ic/bu_sq_6d.gif') no-repeat 0 6px; padding-left:7px;} ul.tbLi01 li:first-child , p.tbLi01:first-child {margin-top:0;} ul.tbLi02 {margin-top:10px;} ul.tbLi02 li , p.tbLi02 {margin-top:6px; background:url('/images/company/individual/common/ic/bu_sq_6d.gif') no-repeat 0 5px; padding-left:7px;} ul.tbLi02 li:first-child , p.tbLi02:first-child {margin-top:0;} ul.liFl {width:100%; overflow:hidden;} ul.liFl li {float:left;} p.desc{margin-top:20px;} .bu01{margin-top:10px;} .bu01 li , p.bu01 {background:url('/images/company/individual/common/ic/bu_cir_7b.gif') no-repeat left 6px !important; margin-top:6px; padding-left:8px;} .bu01 li:first-child , p.bu01:first-child {margin-top:0;} .bu02{margin-top:5px;} .bu02 li , p.bu02 {background:url('/images/company/individual/common/ic/bu_bar_8e.gif') no-repeat left 7px !important; margin-top:4px; padding-left:7px;} bu02 li:first-child , p.bu02:first-child {margin-top:0;} .bu03{margin-top:5px;} .bu03 li , p.bu03 {background:url('/images/company/individual/common/ic/bu_sq_c7.gif') no-repeat left 6px !important; margin-top:4px; padding-left:8px;} .bu03 li:first-child , p.bu03:first-child {margin-top:0;} .bu04{} .bu04 li , p.bu04 {background:url('/images/company/individual/common/ic/bu_bar_76.gif') no-repeat left 7px; padding-left:11px; margin-top:4px;} .bu04 li:first-child , p.bu04:first-child {margin-top:0;} .bu05{} .bu05 li {background:url('/images/company/individual/common/ic/bu_sq_c7.gif') no-repeat left 5px; margin-top:4px; padding-left:11px; font-size:12px;} .bu05 li:first-child {margin-top:0;} .bu06{margin-top:10px;} .bu06 li , p.bu06 {background:url('/images/company/individual/common/ic/bu_sq_c68.gif') no-repeat left 5px; padding-left:7px; font-size:12px; margin-top:4px;} .bu06 li:first-child , p.bu06:first-child {margin-top:0;} ol.lisyNum{list-style-position:outside; list-style-type:decimal; margin-left:18px;} ol.lisyNum p{margin:7px 0 0 -3px; line-height:18px;} /* box design */ .box01_750{background:url('/images/company/individual/common/bg/box_750_top.gif') no-repeat left top; width:750px;} .box01_750 .box01_750_con{padding:15px 20px; background:url('/images/company/individual/common/bg/box_750_btm.gif') no-repeat left bottom;} .box01_365{background:url('/images/company/individual/common/bg/box_365_top.gif') no-repeat left top; width:365px;} .box01_365 .box01_365_con{padding:15px 20px; background:url('/images/company/individual/common/bg/box_365_btm.gif') no-repeat left bottom;} /*[e] 공통 스타일 */ /* 기부캡페인 2012-07-26 추가 */ .bgDivideBox {width:750px;height:115px;margin-top:30px;background:url('/images/company/ethics/bg_divide_box.gif') no-repeat left top; overflow:hidden;} .bgDivideBox dl {width:650px;padding:30px 0 0 50px;} .bgDivideBox dl dt {float:left;width:200px;vertical-align:middle;} .bgDivideBox dl dt img, .bgDivideBox dl dd img {vertical-align:middle;} .bgDivideBox dl dd {float:left;width:450px;font-family:Tahoma;font-size:30px;font-weight:bold;color:#cf363b;text-align:right;vertical-align:middle;} .bgDivideBox dl dd span.txtWon {display:inline-block;font-size:16px;font-weight:bold;color:#000;font-family:Dotum;vertical-align:middle;} .bgDivideBox2 {width:410px; background:url('/images/company/ethics/dot4x1.gif') repeat-x left top; padding-top:4px;} .bgDivideBox2 dl {width:410px;height:42px;padding:15px 0 0 0;} .bgDivideBox2 dl dt {float:left;width:135px;vertical-align:middle;} .bgDivideBox2 dl dt img, .bgDivideBox2 dl dd img {vertical-align:middle;} .bgDivideBox2 dl dd {float:left;width:275px;font-family:Tahoma;font-size:24px;color:#cf363b;vertical-align:middle;} .bgDivideBox3 {width:750px;height:192px;margin-top:30px;background:url('/images/company/ethics/bg_divide_box3.gif') no-repeat left top; overflow:hidden;} .bgDivideBox3 dl { width:738px;padding:20px 0 0 12px; overflow:hidden;} .bgDivideBox3 dl dt { float:left; vertical-align:top; margin-left:30px; padding-top:11px;} .bgDivideBox3 dl dt img, .bgDivideBox3 dl dd img { vertical-align:middle;} .bgDivideBox3 dl dd { float:left; width:182px; height:35px; line-height:35px; font-family:Tahoma; font-size:22px; font-weight:normal; color:#cf363b; text-align:right; vertical-align:middle;} .bgDivideBox3 dl dd span.txtWon {display:inline-block;font-size:12px;font-weight:bold;color:#000;font-family:Dotum;vertical-align:middle;} .txt_number {display:inline-block; font-size:16px; color:#333; font-weight:bold; padding-right:30px; vertical-align:middle;} .donate_scr {height:180px; overflow-x:hidden; overflow:auto;} /* 사회공헌 사랑해봉사단 활동소식 2012-07-31 추가 */ .activity_view { padding:10px 0;} .activity_view ul.sh_list li { background:url('/images/company/ethics/bu_gray02.gif') left 6px no-repeat; padding-left:11px; color:#808080; font-weight:bold;} .activity_view ul.sh_list li strong { color:#333;} .activity_view ul.sh_list li.ti67 {padding-left:78px; text-indent:-67px;} .activity_view .img_view { width:710px; margin:17px 0 40px 0; } .activity_view .img_view dl dt {margin-bottom:10px;} .activity_view .img_view dl dd {width:710px; overflow:hidden;} .activity_view .img_view dl dd a {display:block; float:left; width:170px; margin-left:10px;} .activity_view .img_view dl dd a:first-child {margin-left:0px;} .activity_view .img_view dl dd a img {width:170px !important; height:95px !important;} .activity_view .img_view .shareImg {width:710px; height:399px;} .activity_view .img_view .shareImg img {width:710px !important; height:95px !important;} /* 사회공헌 기부캠페인 결제 페이지 20130918 추가 */ .tit_donate {font-size:12px; color:#333; font-weight:bold; height:30px;} .txt_donate_end {padding:20px 0; text-align:center; font-weight:bold; font-size:14px; color:#737373; line-height:30px;} .donate_agree {padding:18px 20px; border:1px solid #d8d8d8;} .donate_agree h5 {font-size:12px; color:#393939;} .line_btm {padding-bottom:30px; border-bottom:1px solid #d9dce3;} /* 회사소개 윤리경영 금융소비자보호헌장 20131021 추가 */ .finance_consumer {width:100%; padding:30px 0 10px 30px; border:1px solid #edeeee; box-sizing:border-box;} .finance_consumer p {margin-bottom:20px;} .finance_consumer strong {font-size:14px; line-height:24px;} .finance_consumer .bu01 li {background-position:0 10px !important;} .finance_consumer .bu01 li + li {margin-top:10px;} /* 결식계층지원 */ .divide02_box {width:750px; padding-bottom:30px; overflow:hidden; text-align:left;} .divide02_box p.txt {padding:30px 0 20px 34px;} .divide02_box div {float:left; width:375px; text-align:center;} .divide02_txt {background:#f6f6f6; border:1px solid #dbdbdb; padding:0 20px; margin-top:15px;} .divide02_txt dl {padding:20px 0 13px 0;} .divide02_txt dl.first {border-bottom:1px solid #dcdcdc;} .divide02_txt dl dt {line-height:18px; font-weight:bold; color:#333;} .divide02_txt dl dd ul li {line-height:18px; color:#555555;} .divide02_txt dl dd table td { background-color:#fff; } .support_req {width:510px; overflow:hidden;} .support_req li {float:left; width:170px; padding-bottom:10px;} .agreeBoxB {background:url('/images/company/individual/common/bg/bg_box_01_750_btm.gif') no-repeat left bottom;} .agreeBoxT {background:url('/images/company/individual/common/bg/bg_box_01_750_top.gif') no-repeat left top; padding:9px 11px 0 11px;} .agreeBoxT .agreeTit {overflow:hidden; width:100%; height:24px;} .agreeBoxT .agreeTit h4 {float:left; margin-top:2px;} .agreeBoxT .agreeTit .downBtn {float:right;} .agreeBoxT .agreementBox {overflow:auto; width:726px; height:68px; background:#f6f6f6; border:1px solid #dbdbdb;} .agreeBoxT .agreementBox .agreeWr {padding:10px; line-height:18px;} .agreeBoxT .agreementBox h4 {font-size:12px !important;margin-top:15px;} .agreeBoxT .agreementBox h4.first {margin-top:5px;height:20px;} .agreeBoxT .agreementBox h5 {height:22px; background:none; margin-top:5px; padding-left:0px; font-size:12px !important; line-height:14px !important; font-weight:normal;} .agreeBoxT .agreementBox h5.f12 {font-size:12px; font-weight:bold;} .agreeBoxT .agreementBox dl dt {font-weight:bold; height:20px; padding:0 !important;} .agreeBoxT .agreementBox dl dd {line-height:18px;} .agreeBoxT .agreeChk {height:23px; text-align:right; color:#333333; padding-top:9px;} .agreeBoxT .agreeChkWr {position:relative; width:100%;} .agreeBoxT .agreeChkWr p {padding:11px 0 5px 0; font-size:12px; line-height:20px;} .agreeBoxT .agreeChkWr .agreeChk {position:absolute; bottom:0; right:0;} .agreeBoxT h5 {height:22px; background:url('/images/company/individual/common/ic/bu_cross_gray.gif') no-repeat 0 4px; margin-top:5px; padding-left:11px; font-size:12px !important; line-height:14px !important; font-weight:normal;} /* 2015 리뉴얼 lnb */ #lnb h1 {padding:0 0 5px 0;} #lnb .depth2 {border-bottom: 4px solid #ccc;border-top:none;} #lnb .depth2 li {font-size:14px; line-height:15px; font-weight:normal; margin-bottom:0;font-family:'RixGoM';} #lnb .depth2>li.lnbTop {border-top:1px solid #ccc !important;} #lnb .depth2>li {border-top:1px solid #ccc !important;} #lnb .depth2>li:first-child {border-top:none !important;} #lnb .depth2 li>a {display:block; padding:15px 15px;background:url('/images/individual/common/lnb/bg_lnb_off1.gif') no-repeat 169px center;width:auto;} #lnb .depth2 li>a:link, #lnb .depth2 li>a:active, #lnb .depth2 li>a:visited, #lnb .depth2 li>a:hover, #lnb .depth2 li>a:focus {color:#242424;} #lnb .depth2 li.on>a:link, #lnb .depth2 li.on>a:active, #lnb .depth2 li.on>a:visited, #lnb .depth2 li.on>a:hover, #lnb .depth2 li.on>a:focus {background:url('/images/individual/common/lnb/bg_lnb_on1.gif') no-repeat 169px 22px;color:#d0484e;} #lnb .depth3 {padding:10px 0 10px 0;border-top: 1px solid #ccc;background:#fafafa;width:190px;} #lnb .depth2 li .depth3>li {width:auto; border-top:none; font-size:12px; line-height:14px; font-weight:normal; font-family:'RixGoM'; background:transparent; padding:5px 25px;} #lnb .depth2 li .depth3>li>a {background:url('/images/individual/common/lnb/bg_lnb_off2.gif') no-repeat 178px 9px; padding:5px 25px;} #lnb .depth2 li .depth3>li>a:link, #lnb .depth2 li .depth3>li>a:active, #lnb .depth2 li .depth3>li>a:visited, #lnb .depth2 li .depth3>li>a:hover, #lnb .depth2 li .depth3>li>a:focus {color:#242424 !important; border-top:none;} #lnb .depth2 li .depth3>li.on, #lnb .depth2 li .depth3>li.on>a:link, #lnb .depth2 li .depth3>li.on>a:active, #lnb .depth2 li .depth3>li.on>a:visited, #lnb .depth2 li .depth3>li.on>a:hover, #lnb .depth2 li .depth3>li.on>a:focus {color:#fff !important;background:#595757 !important;} #lnb .depth4 {width: 165px;border-top: none;padding: 2px 0 5px 35px;} #lnb .depth2 li .depth3 li .depth4 li {background: transparent;padding:5px 0;font-family:'RixGoM';font-size:12px;} #lnb .depth2 li .depth3 li .depth4 li.on {background: transparent !important;} #lnb .depth2 li .depth3 li .depth4 li a:link, #lnb .depth2 li .depth3 li .depth4 li a:active, #lnb .depth2 li .depth3 li .depth4 li a:visited, #lnb .depth2 li .depth3 li .depth4 li a:hover, #lnb .depth2 li .depth3 li .depth4 li a:focus {color:#666 !important;} #lnb .depth2 li .depth3 li .depth4 li.on a:link, #lnb .depth2 li .depth3 li .depth4 li.on a:active, #lnb .depth2 li .depth3 li .depth4 li.on a:visited, #lnb .depth2 li .depth3 li .depth4 li.on a:hover, #lnb .depth2 li .depth3 li .depth4 li.on a:focus {color:#e83d44 !important;} /* 150605 골프단 추가 */ .golfPlayer h3 {padding-bottom:19px;} .playerContent {width:750px; padding-top:20px;} /* .playerContent > div {display:none;} .playerContent > div:first-child {display:block;} */ .playerTab {clear:both; overflow:hidden;} .playerTab li {float:left;} .playerProfile {width:670px; height:678px; padding:60px 40px 0; position:relative;} .playerName {padding-top:15px;} .playerSub {padding-top:60px; padding-bottom:20px;} .playerSub2 {width:330px;} .profile {position:absolute; top:560px; left:40px;} .profile h3 {padding-top:40px; padding-bottom:20px;} .profile dl {padding-top:9px; clear:both; overflow:hidden;} .profile dl dt {width:76px; padding-left:10px; background:url(/images/company/ethics/bullet_white.png) left 7px no-repeat; float:left; font-weight:bold; color:#fff;} .profile dl dd {float:left; color:#f8c5c7;} .profile dl dd a {color:#f8c5c7;} .playerContent1 .playerProfile {background:url(/images/company/ethics/bg_player1.jpg) no-repeat;} .playerContent2 .playerProfile {background:url(/images/company/ethics/bg_player2.jpg) no-repeat;} .playerContent2 .playerSub {padding-top:117px;} .playerContent3 .playerProfile {background:url(/images/company/ethics/bg_player3.jpg) no-repeat;} .playerContent3 .playerSub {padding-top:129px;} .playerContent4 .playerProfile {background:url(/images/company/ethics/bg_player4.jpg) no-repeat;} .playerContent5 .playerProfile {background:url(/images/company/ethics/bg_player5.jpg) no-repeat;} .playerScore {padding:40px 38px 40px 275px; border:1px solid #ededed; border-top:0; position:relative;} .playerScore h4 {position:absolute; top:40px; left:40px;} .playerScore dl {padding:10px 0; clear:both; overflow:hidden; border-bottom:1px solid #ededed;} .playerScore dl.last_child {padding-bottom:0; border-bottom:0;} .playerScore dt {width:47px; padding-top:2px; float:left;} .playerScore dd {width:356px; padding-left:30px; float:left;} .playerScore dd strong {color:#555;} .playerScore dd strong.champ {display:inline-block; color:#de454a; padding-right:20px; background:url(/images/company/cyber/ico_champion.gif) no-repeat right center;} .playerGallery {padding-top:40px; position:relative; height:808px;} .playerGallery .awardedArea .awardedCon .awardedConBg .awardedImg {padding:6px 26px 26px;} .playerGallery .awardedArea .awardedCon .awardedConBg .awardedImg img {width:280px; height:auto;/*304px*/} .playerGallery .awardedArea .awardedCon .awardedConBg .awardedText {min-height:85px; padding:20px 21px;} .playerGallery .awardedArea .awardedThumb li {padding:5px 0 0 5px; background-position:5px 5px;} .playerGallery .awardedArea .awardedThumb .awardedT_box dt {padding:11px 9px 0 9px;} .playerGallery .awardedArea .awardedThumb .awardedT_box dt img {width:66px; height:71px; margin:0 auto;} .playerGallery .awardedArea .awardedThumb .awardedT_box dd {padding:20px 9px 11px; text-align:center; letter-spacing:0;} .playerGallery.golf .awardedArea .awardedThumb .awardedT_box dt { padding:11px 0 0 0; width:80px; height:70px; margin:0 auto; overflow:hidden;} .playerGallery.golf .awardedArea .awardedThumb .awardedT_box dt img { width:auto; height:70px; margin:0 auto;} .playerGallery.golf .awardedArea .awardedThumb .awardedT_box dd { padding:20px 9px 11px; text-align:center; letter-spacing:0;} .playerLink {padding-top:40px; clear:both; overflow:hidden;} .playerLink li {margin-right:4px; margin-bottom:5px; float:left;} .playerLink li a {width:154px; height:36px; padding:10px 15px; display:block; background:url(/images/company/ethics/bg_off.gif) left top no-repeat;} .playerLink li a:hover {color:#fff; background:url(/images/company/ethics/bg_on.gif) left top no-repeat;} .playerGallery .paginate { overflow:hidden; position:absolute; bottom:0;} .table_apnd {width:100%; margin-left:1px; overflow:hidden;} /* 인재채용-합격자발표 2015-10-13 추가 */ .recruit_winner01 {padding:27px 0 50px 185px; border-bottom:1px dashed #c7c7c7; background:url(/images/company/recruit/bg_recruit_winner01.gif) no-repeat 26px 0;} .recruit_winner01 h3 {margin-bottom:10px; font-size:bold; font-size:22px; color:#567498; line-height:28px;} .recruit_winner01 h3 span {color:#242424;} .recruit_winner02 {padding:0 0 40px 25px; border-bottom:1px dashed #c7c7c7; background:url(/images/company/recruit/bg_recruit_winner02.gif) no-repeat right bottom;} .recruit_winner02 h3 {margin-bottom:30px;} .recruit_winner02 p {margin-bottom:25px;} .box_recruit_map {width:708px; padding:20px; border:1px solid #c7c7c7; overflow:hidden;} .box_recruit_map .map {float:left; width:240px; margin-right:20px;} .box_recruit_map .cont {float:left; width:448px;} /* 2015 사회공헌 리뉴얼 */ /* 사랑,해스토리 */ .story_top {padding-bottom:17px; border-bottom:1px dashed #ccc;} .story_top p {text-align:center;} .story_cont {width:750px; margin:35px auto 0; overflow:hidden;} .story_cont div {text-align:center;} .story_cont div.bg01 {float:left; width:240px; margin-right:15px; margin-bottom:30px; padding:88px 0 21px 0; background:url(/images/company/ethics2/bg/bg_lovesun_cont01.gif) no-repeat 0 0;} .story_cont div.bg02 {float:left; width:240px; margin-right:15px; margin-bottom:30px; padding:88px 0 21px 0; background:url(/images/company/ethics2/bg/bg_lovesun_cont02.gif) no-repeat 0 0;} .story_cont div.bg03 {float:left; width:240px; margin-bottom:30px; padding:88px 0 21px 0; background:url(/images/company/ethics2/bg/bg_lovesun_cont03.gif) no-repeat 0 0;} .story_cont div.bg04 {clear:both; width:680px; margin-bottom:15px; padding:25px 0 39px 0; background:url(/images/company/ethics2/bg/bg_lovesun_cont04.gif) no-repeat 0 0;} .story_cont div.bg05 {clear:both; width:750px; padding:27px 0 28px 0; background:#f93245;} .story_cont div.video {background-color:#f6f6f6;} /* 활동연혁 */ .history_wrap {display:none; margin-top:30px; background:url('/images/company/cyber/history_box_top.gif') no-repeat left top;} .history_wrap dl {display:flex; padding-top:45px;} .history_wrap dl dt {width:92px; padding-left:35px;} .history_wrap dl dd {width:556px; padding:0 33px;} .history_wrap dl dd ul li {font-size:12px; color:#555555; line-height:18px;} .history_wrap dl dd ul li strong {display:inline-block; width:60px; color:#545454; vertical-align:top;} .history_wrap dl dd ul li span {display:inline-block; width:496px; font-weight:normal; word-wrap:break-word;} .history_wrap dl dd ul li + li {margin-top:15px;} /* 빨간밥차봉사단 지원하기 */ .agree_support_wrap {margin-top:15px; padding:0 20px; overflow:hidden; border:1px solid #d8d8d8; } .agree_support_wrap1 {margin-top:15px; padding:20px; overflow:hidden; border:1px solid #d8d8d8; } .agree_support_wrap2 { background:#f2f2f2; margin-top:15px; padding:20px; overflow:hidden; border:1px solid #d8d8d8; } .agree_support_wrap h4 {font-size:14px; color:#393939; margin-top:18px; height:28px;} .support_agree_check {height:15px; text-align:right; color:#333333; line-height:12px; padding-top:15px; height:32px;} .agree_support_wrap1 .agree_check {height:15px; text-align:right; color:#333333; line-height:12px; padding-top:15px; height:32px;} .agree_support_wrap2 .agree_check {height:15px; text-align:right; color:#333333; line-height:12px; padding-top:15px; height:32px;} .agree_support {overflow:auto; width:686px; height:53px; background:#f6f6f6; border:1px solid #dbdbdb; padding:10px; line-height:20px; color:#;797979} .agree_support2 {overflow:auto; height:53px; background:#f6f6f6; border:1px solid #dbdbdb; padding:10px; line-height:20px; color:#;797979} .redcar_top {margin-top:40px; background:url(/images/company/ethics2/bg/bg_redcar_top.gif) no-repeat 0 0;} .redcar_top p {text-align:center; padding:11px 0 26px 0;} .txt_support_end {border:1px solid #d8d8d8; padding:25px 0 20px 160px; background:url(/images/company/ethics2/bg/bg_support_end.gif) no-repeat 62px center;} .txt_support_end h3 {color:#383838; margin-bottom:20px;} /* 경제체험스쿨 */ .edu_course {height:290px; margin-top:40px; background:url(/images/company/ethics2/bg/bg_edu_course.jpg) no-repeat 0 0; padding-left:502px;} .edu_course h3 {margin:0 30px 25px 30px; padding:20px 0 15px 0; text-align:center; border-bottom:1px solid #668daa;} .edu_course ul {margin-left:30px;} .edu_course ul li {margin-bottom:15px;} /* 사랑해봉사단 소개 */ .serve_system {margin-top:35px; padding:30px 0 36px 307px; background:#f2f2f2 url(/images/company/ethics2/bg/bg_serve_system.jpg) no-repeat 20px 20px;} .serve_system p.tit {height:36px; font-size:14px; color:#464646;} .serve_system .bu01 {width:420px; margin-top:0px !important; overflow:hidden;} .serve_system .bu01 li {width:202px; float:left; margin-top:0px !important; line-height:22px; color:#777;} .serve_result {margin-top:20px; border:1px solid #d8d8d8;} .serve_result .lately {height:220px; padding:30px 0 0 25px; background:url(/images/company/ethics2/bg/bg_serve_result.gif) no-repeat 207px 30px;} .serve_result .lately p.tit {height:32px; font-size:16px; color:#333;} .serve_result .lately .bu01 {margin-top:0px !important;} .serve_result .lately .bu01 li {margin-top:0px !important; line-height:20px;} .serve_result .past {width:700px; padding:25px 24px 20px 24px; overflow:hidden; background:#f2f2f2;} .serve_result .past .year {float:left; width:175px;} .serve_result .past .year p.tit {color:#555555; font-size:12px; line-height:20px;} .serve_result .past .year .bu01 {margin-top:0px !important;} .serve_result .past .year .bu01 li {margin-top:0px !important; line-height:20px;} /* 사이버홍보실-보도자료 */ #bodo_wrap {} #bodo_wrap .tit_wrap {} #bodo_wrap .tit_wrap p.tit {padding-bottom:14px; font-size:18px; color:#E9141E; font-weight:bold; line-height:24px;} #bodo_wrap .tit_wrap p.tit span {font-size:14px;} #bodo_wrap .tit_wrap .bu04 li {margin-top:0px;} #bodo_wrap .tbl_bodo {margin-top:20px; padding-bottom:6px;} /* 사랑나눔축제 */ .youtube_festival {width:480px; height:300px; margin:35px auto 0 auto;} /* 기부캠페인(리뉴얼)-누적모금액 */ .divide_top {height:118px; margin-top:30px; text-align:center; background:url(/images/company/ethics2/bg/bg_divide_top.gif) no-repeat 0 0;} .divide_top h3 {padding-top:35px;} .divide_top p {padding-top:14px;} .donate_bg1 {width:668px; padding:23px 40px 24px 40px; background:#f2f2f2; border:1px solid #d8d8d8;} .donate_bg2 {width:668px; margin-top:20px; padding:25px 40px 28px 40px; border:1px solid #d8d8d8;} .donate_bg2 .donate_sum {margin-bottom:23px;} .donate_sum {width:668px; height:36px; overflow:hidden;} .donate_sum dt {float:left; width:268px; padding-top:11px; font-size:14px; font-weight:bold; color:#383838; line-height:16px;} .donate_sum dt.tit {font-size:16px; padding-top:13px;} .donate_sum dt.tit span {font-size:12px; font-weight:normal; color:#555555;} .donate_bg1 .donate_sum dt {line-height:21px;} .donate_bg1 .donate_sum dt span {font-size:11px; font-weight:400;} .donate_sum dd {float:right; width:400px;text-align:right; font-family:verdana;font-size:30px;font-weight:bold;color:#cf363b;vertical-align:top;line-height:36px;} .donate_sum dd span.txt_won {font-size:14px;font-weight:bold;color:#000;font-family:Dotum;vertical-align:middle;} .donate_month {width:666px; margin-bottom:2px; padding:15px 1px; overflow:hidden; background:#f5f2ef;} .donate_month li {float:left; width:110px; border-left:1px solid #ddd8d5; text-align:center; color:#545454;} .donate_month li:first-child {border-left:none;} .donate_month li p {line-height:13px;} .donate_month li p:first-child {height:21px;} /* 기부캠페인(리뉴얼)-현재기부처누적모금액 */ /*.donate_sum_list {border-top:2px solid #ccc;}*/ .donate_sum_list li.list {width:750px; border-bottom:1px solid #ccc; position:relative;} .donate_sum_list li.list:first-child .btn_area span.open {display:none;} .donate_sum_list li.list:first-child .btn_area span.close {display:block;} .donate_sum_list li.list .donate_sum {width:670px; padding:21px 40px 23px 40px;} .donate_sum_list li.list .btn_area {position:absolute; right:10px; top:33px;} .donate_sum_list li.list .btn_area span.close {display:none;} .donate_sum_list li.list .cont { border-top:1px dashed #ccc; visibility:hidden; height:0px;} .donate_sum_list li.list .cont .slide_wrap {width:696px; padding:30px 14px 25px 40px; position:relative;} /* 기부캠페인(리뉴얼)-슬라이드 */ .sliderkit-nav {width:696px; position:relative;} .sliderkit-nav .sliderkit-nav-clip {width:696px; position:relative; overflow:hidden;} .sliderkit-nav .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit-nav .sliderkit-nav-clip ul li{float:left; width:206px; padding-right:26px;} .sliderkit-nav .sliderkit-nav-clip ul li a {display:block;} .sliderkit-nav .sliderkit-nav-clip ul li h4 {height:26px; color:#656565;} .sliderkit-nav .sliderkit-nav-clip ul li .banner {margin-bottom:13px;} .sliderkit-nav .sliderkit-nav-clip ul li .txt {height:36px; line-height:18px; color:#838383;} .sliderkit-nav .sliderkit-nav-btn a {display:block;width:24px;height:25px;cursor:pointer;} .sliderkit-nav .sliderkit-nav-btn {position:absolute; z-index:10; width:24px;height:25px;} .sliderkit-nav .sliderkit-nav-prev {left:-40px; top:70px;} .sliderkit-nav .sliderkit-nav-next {right:-14px; top:70px;} .sliderkit-nav .sliderkit-nav-prev a{background:url("/images/company/ethics2/btn_donate_prev.png") no-repeat 0 0;} .sliderkit-nav .sliderkit-nav-next a{background:url("/images/company/ethics2/btn_donate_next.png") no-repeat 0 0;} .sliderkit-nav .sliderkit-nav-btn span{display:none;} .sliderkit-nav .sliderkit-btn-disable a{visibility:hidden;} .btnInnerTb.on a, .btnInnerTb.on button, .btnInnerTb.on input {color:#fff; border:1px solid #545454; background:#545454;} #divide4 table.view {border-top:2px solid #ccc;} /* 기부캠페인(리뉴얼)-상세 */ .donate_view_result {width:750px; overflow:hidden;} .donate_view_result .photo {float:left; width:300px; margin-right:40px;} .donate_view_result .cont {float:left; width:410px;} .donate_view_result .cont h3 {font-size:14px; color:#656565; line-height:20px;} .donate_view_result .cont .bu01 {margin-top:8px;} .donate_view_result .cont .bu01 li {margin-top:4px;} .donate_view_result .cont .result {height:50px; padding-top:12px; margin-top:13px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; overflow:hidden;} .donate_view_result .cont .result p {float:left;} .donate_view_result .cont .result p.tit {width:85px; padding-top:13px;} .donate_view_result .cont .result p.number {text-align:right; width:133px; font-family:verdana; font-size:28px; font-weight:bold; color:#242424; vertical-align:top; line-height:36px;} .donate_view_result .cont .result p.number span.unit {font-size:14px; font-family:Dotum; vertical-align:middle;} .donate_view_result .cont .result p.sum {text-align:right; width:192px; font-family:verdana; font-size:28px; font-weight:bold; color:#cf363b; vertical-align:top; line-height:36px;} .donate_view_result .cont .result p.sum span.unit {font-size:14px; font-family:Dotum; vertical-align:middle; color:#242424;} .donate_view_cont {margin-top:30px; font-size:12px; color:#555555; line-height:18px;} .donate_view_cont p.tit {font-size:14px; color:#242424;} .donate_view_group {width:748px; margin-top:30px; border:1px solid #d8d8d8;} .donate_view_group p {padding:18px 0 15px 0; text-align:center; color:#242424; line-height:18px; background:#f2f2f2;} .donate_view_group .group {padding:10px 0 20px 0;} .donate_view_group .group dl {width:708px; padding:20px 20px 0 20px; overflow:hidden;} .donate_view_group .group dl dt {float:left; width:170px;} .donate_view_group .group dl dd {float:left; width:538px; color:#666; line-height:18px;} .donate_view_reply {} .donate_view_reply p.txt_all {color:#545454; margin-top:30px; line-height:14px;} .donate_view_reply .box {padding:20px; background:#f2f2f2;} .donate_view_reply .box button {width:49px; height:49px; color:#fff; font-weight:bold; font-size:12px; text-align:center; background:#e83e44; vertical-align:top;} .donate_view_reply table {width:100%;} .donate_view_reply table td {position:relative; padding:17px 0 15px 0; border-bottom:1px solid #e3e3e3;} .donate_view_reply table tr:first-child td {padding:14px 0 15px 0;} .donate_view_reply table td p.txt_user {padding-top:4px;} .donate_view_reply table td p.info {line-height:18px;} .donate_view_reply table td p.info strong.name {color:#242424; margin-right:10px;} .donate_view_reply table td p.info span.date {color:#555555;} .donate_view_reply table td .btn_area {position:absolute; right:0px; top:15px;} /* 소셜셰어링 */ .socialsharing_top {margin-top:40px; background:url(/images/company/ethics2/bg/bg_socialsharing_top.gif) no-repeat 0 0;} .socialsharing_top p {text-align:center; padding:28px 0 33px 0;} /* 윤리경영실천활동 연도별실천현황 */ .history_list li {margin-top:15px;} .history_list li:first-child {margin-top:0;} .history_list li dl {overflow:hidden; padding-bottom:0;} .history_list li dl dt, .history_list li dl dd {float:left;} .history_list li dl dt {width:80px; font-weight:bold; font-size:13px; color:#242424;} /* 지역봉사활동, 해외봉사활동, 활동소식 */ .ethicsPhotoList02{border-top:2px solid #d9dce3; margin-top:15px;} .ethicsPhotoList02 a{display:block;} .ethicsPhotoList02 .ethicsPhotoList_re02{padding:15px 0; overflow:hidden; border-bottom:1px solid #ededed;} .ethicsPhotoList02 .ethicsPhotoList_re02 dt{float:left; padding-left:18px; margin-right:32px;} .ethicsPhotoList02 .ethicsPhotoList_re02 dt img{width:160px; height:100px;} .ethicsPhotoList02 .ethicsPhotoList_re02 dd{float:left; width:540px;} .ethicsPhotoList02 .ethicsPhotoList_re02 dd .txt_tit {display:block; padding-top:10px;font-size:14px; color:#000332;} .ethicsPhotoList02 .ethicsPhotoList_re02 dd ul li {margin-top:0;} .ethicsPhotoList02 .ethicsPhotoList_re02 dd .vtr_txt {font-weight:bold; color:#000332;} .calendar_select.lovesun {float:left; margin-bottom:0px;} .calendar_select.lovesun .calendar_select_Lay{width:126px; height:72px;} .calendar_select.lovesun2 {float:left; margin-bottom:0px;} .calendar_select.lovesun2 .calendar_select_txt {width:132px;} .calendar_select.lovesun2 .calendar_select_Lay{width:173px; height:85px;} .calendar_select.lovesun3 {float:left; margin-bottom:0px;} .calendar_select.lovesun3 .calendar_select_Lay{width:126px; height:54px;} /* 인포그래픽 리스트, 상세보기 */ .info_graphic_list {width:750px; overflow:hidden;} .info_graphic_list ul {width:760px;} .info_graphic_list ul li {float:left; margin:0 10px 30px 0;} .info_graphic_list ul li p {margin-top:15px; line-height:20px; font-family:RixGoL;} /* 2016-06-23 빨간밥차 지원5기 */ .support_line { border-bottom:1px dotted #d8d8d8; padding-bottom:5px; overflow:hidden;} .redcar .agreeTit {overflow:hidden; font-size:14px; font-weight:bold; color:#555; width:100%; height:24px;} .agreeBoxT_456 .agreeChkWr_456 {position:relative; padding:10px; } .agreeBoxT_456 .agreeChkWr_456 p {padding:11px 0 5px 0; font-size:12px; line-height:20px;} .agreeBoxT_456 .agreeChkWr_456 .agreeChk {position:absolute; bottom:0; right:0;} .agreeBoxT_456 .agreementBox_456 {overflow:auto; padding:10px; height:33px; background:#fff; border:1px solid #dbdbdb;} .agreeBoxT_456 .agreementBox_456 .agreeWr {padding:10px; line-height:18px;} .agreeBoxT_456 .agreeTit_456 .downBtn {float:right;} .agreeBoxT_456 .agreeTit_456 {overflow:hidden; width:100%; height:25px;} .agreeBoxT_456 .agreeTit_456 h4 {float:left; font-size:12px; font-weight:bold; margin-top:2px;} .agreeBoxT_456 .agreementBox_456 h4 {font-size:12px !important;margin-top:15px;} .agreeBoxT_456 .agreementBox_456 h4.first {margin-top:5px;height:20px;} .agreeBoxT_456 .agreeChk {height:23px; text-align:right; color:#333333; padding-top:9px;} .txt_support_complete {border:1px solid #d8d8d8; padding:25px 0 20px 172px; background:url(/images/company/ethics2/bg/bg_support_complete.gif) no-repeat 62px center;} .txt_support_complete h3 {color:#383838; margin-bottom:20px;} .txt_support_close {border:1px solid #d8d8d8; padding:25px 0 20px 172px; background:url(/images/company/ethics2/bg/bg_support_close.gif) no-repeat 55px center;} .txt_support_close h3 {color:#383838; margin-bottom:20px;} /* 영상매체 고객감동 캠페인 */ .tab_ad {margin-top:40px;} .tab_ad li {width:151px !important;} .tab_ad li a {display:block !important; text-align:center !important;} .ad_list {width:750px; overflow:hidden;} .ad_list dt {float:left; width:250px; padding-bottom:20px;} .ad_list dd {float:right; width:480px; padding-bottom:20px;} .success_list {width:750px; overflow:hidden;} .success_list dt {float:left; width:250px; height:238px; padding:0px 20px 20px 0; margin-bottom:20px; border-bottom:1px solid #dcdcdc;} .success_list dt.last {padding-bottom:0px; margin-bottom:0px; border-bottom:none;} .success_list dt p.cont {padding:15px 0 0 15px; color:#555; line-height:16px;} .success_list dd {float:right; width:480px; padding:0px 0 20px 0; margin-bottom:20px; border-bottom:1px solid #dcdcdc;} .success_list dd.last {padding-bottom:0px; margin-bottom:0px; border-bottom:none;} .box_bcstory {height:57px; position:relative; background:#f6f6f6 url(/images/company/cyber/bg_bc_story.gif) no-repeat 15px 19px;} .box_bcstory p {line-height:57px; padding-left:47px;} .box_bcstory div {position:absolute; right:15px; top:15px;} .bcevent_ep1 {height:563px; background:url('/images/company/cyber/bcevent_ep1bg.jpg') no-repeat 0 0;} .bcevent_ep1 .ep1_tit {padding-top:30px; text-align:center;} .bcevent_ep1 .video {padding:34px 14px 0;} /* 2017-01-04 */ .rule-charter-box {width:750px; height:220px; padding:28px 0 0 28px; border:1px solid #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .rule-scroll-box {overflow-y:scroll; width:748px; height:451px; border:1px solid #ebebeb;} .rule-scroll-box .rule-scroll-box-inner {padding:30px;} .rule-charter-box.h_auto {height:auto; padding:35px 30px 75px;} /* 2026-01-13 */ .rule-charter-box ul > li {padding-left:26px; text-indent:-26px;} .rule-charter-box ul li + li {margin-top:5px;} .rule-charter-box ul > li > ol {margin-top:5px;} .rule-charter-box ul > li > ol > li {padding-left:16px; text-indent:-16px;} /* Design Experience select */ .year_select_wrap {position:relative;} .year_select_wrap .yearSelect {width:101px; position:absolute; right:0; bottom:40px;} .year_select_wrap .yearSelect a {padding:0 10px; font-family:RixGoL; font-size:12px; line-height:22px; display:block; color:#545454;} .year_select_wrap .yearSelect > a {height:23px; line-height:23px; background:url(/images/company/etc/bg_gnb_select.png) left bottom no-repeat; color:#242424;} .year_select_wrap .yearSelect > a.active {background-position:left top;} .year_select_wrap .yearSelect ul {width:99px; padding:2px 0; border:1px solid #ccc; border-top:0; position:absolute; top:23px; left:0; background:#fff; z-index:4000; display:none;} .year_select_wrap .yearSelect ul a {margin-top:2px; display:block;} .year_select_wrap .yearSelect ul a:hover , .year_select_wrap .yearSelect ul a:focus {background:#f2f2f2; text-decoration:none;} /* 서비스 소개 */ .serviceArea02 {overflow:hidden; width:100%; margin-top:30px;} .serviceArea02:after {content:""; display:block; clear:both;} .serviceArea02 .serviceCon {width:100%; height:280px; padding:30px; box-sizing:border-box; border:1px solid #cbcbcb;} .serviceArea02 .serviceCon .serviceConBg {overflow:hidden; display:none;} .serviceArea02 .serviceCon .serviceConBg .serviceImg {float:left; width:217px;} .serviceArea02 .serviceCon .serviceConBg .serviceImg img {display:hidden;} .serviceArea02 .serviceCon .serviceConBg .serviceText {float: right; width: 440px;} .serviceArea02 .serviceCon .serviceConBg .awardedText.min110 {min-height:110px;} .serviceArea02 .serviceThumb {overflow:hidden;} .serviceArea02 .serviceThumb ul.serviceList.col2 {overflow:hidden; font-size:0; line-height:0; margin-left:-20px;} .serviceArea02 .serviceThumb ul.serviceList.col2 > li {overflow:hidden; float:left; width:365px; min-height:250px; margin:20px 0 0 20px;} .serviceArea02 .serviceThumb ul.serviceList.col3 {overflow:hidden; font-size:0; line-height:0; margin-left:-20px;} .serviceArea02 .serviceThumb ul.serviceList.col3 > li {overflow:hidden; float:left; width:237px; margin:20px 0 0 20px;} .serviceArea02 .serviceThumb ul.serviceList.col3 > li:last-child {width:236px;} .serviceArea02 .serviceThumb .serviceT_box {width:100%; cursor:pointer;} .serviceArea02 .serviceThumb .serviceT_box dt img {width:100%; display:block;} .serviceArea02 .serviceThumb .serviceT_box dd {height:80px; padding:20px; border:1px solid #cbcbcb; border-top:0 none;} .serviceArea02 .serviceThumb ul.serviceList.col3 .serviceT_box dd {height:198px; padding:20px; border:1px solid #cbcbcb; border-top:0 none;} .serviceArea02 .serviceThumb .serviceT_box dd li {font-size:12px; line-height:14px; letter-spacing:0;} /* bigdata business */ .bigdata_info_box {background:#f2f2f2; padding:20px;} .bigdata_wrap .bigdata_cont .bigdata_bdbox {border:1px solid #ddd;} .bigdata_wrap .bigdata_cont .bigdata_bdbox li {border-bottom:1px solid #ddd; padding:18px;} .bigdata_wrap .bigdata_cont .bigdata_bdbox li:last-child {border-bottom:none;} .bigdata_wrap .bigdata_cont .bigdata_dl01 {overflow:hidden;} .bigdata_wrap .bigdata_cont .bigdata_dl01 dl {width:100%; border:1px solid #ddd; box-sizing:border-box;} .bigdata_wrap .bigdata_cont .bigdata_dl01 dl dt {background-color:#f2f2f2; border-bottom:1px solid #ddd; padding:10px 0px; text-align:center; font-weight:bold;} .bigdata_wrap .bigdata_cont .bigdata_dl01 dl dd {text-align:center; line-height:21px;} .bigdata_wrap .bigdata_cont .bigdata_dl02 dl {overflow:hidden;} .bigdata_wrap .bigdata_cont .bigdata_dl02 dl dt, .bigdata_wrap .bigdata_cont .bigdata_dl02 dl dd {float:left; width:180px; min-height:40px; margin:0 5px; background-color:#f2f2f2; padding:22px 0px; font-size:14px; line-height:20px; font-weight:bold; text-align:center; letter-spacing:-1px;} .bigdata_wrap .bigdata_cont .bigdata_dl02 dl dt.pdt34 {min-height:30px; padding:34px 0px 20px;} .bigdata_wrap .bigdata_cont .bigdata_dl02 dl dt:first-child {margin-left:0px;} .bigdata_wrap .bigdata_cont .bigdata_dl02 dl dd:last-child {width:328px; min-height:42px; background-color:#fff; border:1px solid #ddd; padding:20px; margin-right:0px; font-size:inherit; line-height:inherit; font-weight:normal; text-align:left; letter-spacing:0px;} .bigdata_wrap .bigdata_cont .bigdata_dl03 {overflow:hidden; width:750px; height:230px; background:url('/images/company/bigdata/bg_bigdata_01.gif') no-repeat 0 0;} .bigdata_wrap .bigdata_cont .bigdata_dl03 dl {float:left; width:360px; height:77px; padding-top:38px; text-align:center;} .bigdata_wrap .bigdata_cont .bigdata_dl03 dl dt {font-size:16px; font-weight:bold; letter-spacing:-1px;} .bigdata_wrap .bigdata_cont .bigdata_dl03 dl dd {margin:5px 0 0;} .bigdata_wrap .bigdata_cont .hidden_desc_wrap {position:relative;} .bigdata_wrap .bigdata_cont .hidden_desc_wrap .hidden_desc {overflow: hidden; position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; color: #fff; font-size: 1px;} .bigdata_wrap .bigdata_cont .col_box {display: table; width: 100%;} .bigdata_wrap .bigdata_cont .col_box .col {display:table-cell; width:50%; border:1px solid #ddd;} .bigdata_wrap .bigdata_cont .col_box .col:last-child {border-left:0px;} .bigdata_wrap .bigdata_cont .col_box .col_inr {padding:20px 0px;} .bigdata_wrap .bigdata_cont .col_box .col_inr img {display:block; margin:0 auto;} .bigdata_wrap .bigdata_cont .col_box .col.bdno {border-top:0px;} .bigdata_wrap .bigdata_cont .col_box .col.bdno .col_inr {padding:21px 0px 20px;} .tar {text-align:right;} .tac {text-align:center;} .dpin {display:inline;} .fc_red {color:#e60000;} .pdt15 {padding-top:15px;} .pdl15 {padding-left:15px;} .pdr15 {padding-right:15px;} /* BC idea */ .bcidea_info_box {background:#0072bb url('/images/company/bigdata/icon_bcidea.png') no-repeat; background-position:456px 220px; padding:36px 40px; color:#fff;} .bcidea_info_box .bcidea_hr {margin:18px 0; height:1px; background-color:#fff;} .bcidea_info_box p {line-height:21px;} .bcidea_bg_tit {display:inline-block; background-color:#0072bb; color:#fff; font-size:15px; font-weight:bold; padding:7px 18px; border-radius:20px; letter-spacing:-1px;} .bcidea_cont .em {color:#0072bb; font-size:16px; font-weight:bold; letter-spacing:-1px;} h3.sub_tit + .bcidea_cont {margin-top:32px;} .bcidea_cont + h3.sub_tit {margin-top:100px;} .bcidea_wrap h3.sub_tit {padding-bottom:15px; border-bottom:1px solid #b2b2b2;} .bcidea_cont .service_box {margin-top:20px; padding:40px; border:1px solid #b2b2b2; border-radius:20px;} .bcidea_dl_bar_wrap {overflow:hidden; position:relative; height:260px;} .bcidea_dl_bar_wrap.h430 {height:430px !important;} .bcidea_dl_bar_wrap .top_bar {background-color:#f5f5f5; width:100%; height:10px; border-radius:18px; position:absolute; top:30px; left:0; z-index:0;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 {width:30%; display:inline-block; position:absolute; margin-top:72px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.w300 {width:35% !important;;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dt {color:#0072bb; font-size:16px; font-weight:bold; letter-spacing:-1px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dt.bar_style01:before {content:''; width:20px; height:20px; background-color:#fff; border:10px solid #cbcbcb; border-radius:20px; display:inline-block; position:absolute; top:-58px; left:16px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dt.bar_style02:before {content:''; width:20px; height:20px; background-color:#fff; border:10px solid #cbcbcb; border-radius:20px; display:inline-block; position:absolute; top:-58px; left:33px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dt.bar_style03:before {content:''; width:20px; height:20px; background-color:#fff; border:10px solid #cbcbcb; border-radius:20px; display:inline-block; position:absolute; top:-58px; left:20px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dt.bar_style04:before {content:''; width:20px; height:20px; background-color:#2c65f0; border:10px solid #fff; border-radius:20px; display:inline-block; position:absolute; top:-58px; left:88px; box-shadow:0px 0px 14px 1px #ccc;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot01 {left:8%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot02 {left:38%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot03 {left:70%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot04 {left:4%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot05 {left:35%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot06 {left:63%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot07 {left:16%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01.bar_dot08 {left:58%;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dd {margin-top:10px;} .bcidea_dl_bar_wrap dl.bcidea_dl_bar01 dd > table.tbColAc {width:auto;} .bcidea_dl_box_wrap {overflow:hidden; } .bcidea_dl_box_wrap dl.bcidea_dl_box01 {border:1px solid #ddd; border-radius:12px;} .bcidea_dl_box_wrap dl.bcidea_dl_box01 dt {background-color:#f5f5f5; padding:10px 0px 10px; border-radius:12px 12px 0px 0px; font-size:13px; font-weight:bold; text-align:center; letter-spacing:-1px;} .bcidea_dl_box_wrap dl.bcidea_dl_box01 dd {padding:20px 0px 25px;} .bcidea_dl_box_wrap dl.bcidea_dl_box02 {width:241px; border:1px solid #9bcbfb; border-radius:12px;} .bcidea_dl_box_wrap dl.bcidea_dl_box02 dt {background-color:#e0eefb; padding:10px 0px 10px; border-radius:12px 12px 0px 0px; font-size:13px; font-weight:bold; text-align:center; letter-spacing:-2px;} .bcidea_dl_box_wrap dl.bcidea_dl_box02 dd {padding:20px 12px 25px;} .bcidea_dl_box_wrap dl.bcidea_dl_box02 dd > table.tbColAc {} .bcidea_blue {color:#0072bb;} /* Biz Credit */ .bizcredit_info_box {background:#fceeee url('/images/company/bigdata/img_bizcredit_01.jpg') no-repeat; background-position:90% 50%; padding:40px 35px 35px; color:#333;} .bizcredit_bg_tit {display:inline-block; background-color:#0072bb; color:#fff; font-size:15px; font-weight:bold; padding:7px 18px; border-radius:20px; letter-spacing:-1px;} .bizcredit_cont .em {color:#0072bb; font-size:16px; font-weight:bold; letter-spacing:-1px;} .bizcredit_email {text-decoration:none; color:#cc3232 !important; font-weight:bold;} .bizcredit_dl_box_wrap {overflow:hidden;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 {width:160px; border:1px solid #ddd; border-radius:12px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 dt {background-color:#fceeee; padding:10px; border-radius:12px 12px 0px 0px; font-size:14px; font-weight:bold; text-align:center; letter-spacing:-1px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 dd {padding:6px 12px 5px; text-align:center;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01.type01 dd {padding:22px 12px 23px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 ul li {padding:12px 0px; border-bottom:1px solid #ddd;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 ul li:last-child {border-bottom:none;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01 ul li.li_em {border-bottom:2px solid #cc6566;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01.type02 ul li {padding:21px 0 22px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01.type02 ul li:nth-child(1) {padding-top:20px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box01.type02 ul li:nth-child(7) {padding:20px 21px} .bizcredit_dl_box_wrap dl.bizcredit_dl_box02 {border:1px solid #ddd; border-radius:12px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box02 dt {background-color:#fceeee; padding:10px; border-radius:12px 12px 0px 0px; font-size:14px; font-weight:bold; text-align:center; letter-spacing:-1px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box02 dd {padding:20px 29px 25px 28px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box02 dd ol li {padding:8px 0px 8px 18px; text-indent:-18px; line-height:21px;} .bizcredit_dl_box_wrap dl.bizcredit_dl_box02 dd ol li em {color:#cc3232; font-weight:bold;} .bizcredit_c {color:#cc6566;} .mr30 {margin-right:30px;} /* biz Data */ .bizdata_info_box {position:relative; background:#0072bb url('/images/company/bigdata/bg_bizdata.png') no-repeat; background-position:0 0; padding:36px 40px; color:#fff;} .bizdata_info_box h2 {height:55px; padding-top:10px; box-sizing:border-box;} .bizdata_info_box p.desc01 {height:25px; padding-top:4px; box-sizing:border-box;} .bizdata_info_box p {line-height:21px;} .bizdata_info_box .desc02 {margin-top:20px; color:#cbcbcb;} .bizdata_info_box .desc03 {margin-top:105px;} .bizdata_info_box a {color:#fff;} .bizdata_info_box p {line-height:21px;} .bizdata_info_box .info_list {position:absolute; right:40px; bottom:40px;} .bizdata_info_box .info_list:after {display:block; content:''; clear:both;} .bizdata_info_box .info_list li {position:relative; float:left; width:100px; height:100px; padding-top:66px; font-size:11px; color:#fff; border:1px solid #fff; border-radius:8px; line-height:14px; text-align:center; background:linear-gradient(0deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.22)); box-sizing:border-box;} .bizdata_info_box .info_list li:before {display:block; content:''; position:absolute; top:20px; left:30px; width:40px; height:40px; background:url('/images/company/bigdata/img_bizdata_02.png') no-repeat 0 0;} .bizdata_info_box .info_list li.info02:before {background:url('/images/company/bigdata/img_bizdata_03.png') no-repeat 0 0;} .bizdata_info_box .info_list li.info03:before {background:url('/images/company/bigdata/img_bizdata_04.png') no-repeat 0 0;} .bizdata_info_box .info_list li + li {margin-left:12px;} .bizdata_bg_tit {display:inline-block; background-color:#0072bb; color:#fff; font-size:15px; font-weight:bold; padding:7px 18px; border-radius:20px; letter-spacing:-1px;} .bizdata_cont {padding:40px; border:1px solid #b2b2b2; border-radius:20px;} .bizdata_cont .em {color:#0072bb; font-size:16px; font-weight:bold; letter-spacing:-1px;} h3.sub_tit + .bizdata_cont {margin-top:32px;} .bizdata_cont + h3.sub_tit {margin-top:100px;} .bizdata_tab_top {position:relative; margin-bottom:30px;} .bizdata_tab_top:after {display:block; content:''; clear:both;} .bizdata_tab_top .sub_tit {float:left;} .bizdata_tab_top .tab01 {float:right; width:434px; padding-top:5px; background:0 none;} .bizdata_tab_top .tab01 li {height:32px; background:0 none; line-height:32px;} .bizdata_tab_top .tab01 li + li {margin-left:40px;} .bizdata_tab_top .tab01 li a {position:relative; padding:0 1px; height:32px; font-size:16px; background:0 none; box-sizing:border-box;} .bizdata_tab_top .tab01 li.on {background:0 none;} .bizdata_tab_top .tab01 li.on a {padding:0;} .bizdata_tab_top .tab01 li.on a:before {display:block; content:''; position:absolute; bottom:0; width:100%; height:3px; background-color:#0072bb} .bizdata_cont .bizdata_process {padding:20px 0;} .bizdata_cont .bizdata_process + .bizdata_process {margin-top:40px;} .bizdata_cont .bizdata_process:after {display:block; content:''; clear:both;} .bizdata_cont .bizdata_process li {position:relative; float:left; width:162px; height:125px; padding-left:20px; font-size:14px; color:#525252; line-height:22px; box-sizing:border-box;} .bizdata_cont .bizdata_process li:before {display:block; content:''; position:absolute; top:37px; left:0; width:12px; height:12px; border-radius:50%; background-color:#0072bb;} .bizdata_cont .bizdata_process li:after {display:block; content:''; position:absolute; top:42px; left:18px; width:144px; height:2px; background-color:#0075bf; opacity:0.4;} .bizdata_cont .bizdata_process li + li {margin-left:6px;} .bizdata_cont .bizdata_process li em {display:block; padding-bottom:22px; font-size:24px; font-weight:700; color:#0072bb; line-height:37px;} /* 임직원 봉사활동 */ .divide_wrap {display:flex; gap:20px;}