technology03@charset "utf-8"; /*----------------------------------------------------------------------------------- HTML Elements Default Properties -----------------------------------------------------------------------------------*/ /* SUB PAGE -------------------------------------------*/ #contentBox{min-height:100%; margin:0 0 -105px; background:#fff;} #container{ padding:0 0 105px;} #bodyContent { height:100%; min-height:100%; padding-top:80px; letter-spacing:-1px;} #bodyContent a:hover { text-decoration:underline;} h4.subTit { height:70px; font-size:24px;font-weight:700;color:#252525;} h5.subTit { height:70px; font-size:20px;font-weight:700;color:#252525;} h4.subTit_02 { height:64px; font-size:24px;font-weight:700;color:#252525;} .subDesc{font-size:30px;font-weight:600;line-height:36px;color:#252525;} .subDesc02{font-size:32px;font-weight:600;} .content { display:block; max-width:1000px; margin:-440px auto 105px; height:100%; min-height:100%; position:relative;} .cont {width:830px; clear:both; overflow:hidden;margin:0 0 0 170px; min-height:600px; word-break:keep-all;-ms-word-break:keep-all;} .cont02 {width:1000px; clear:both; overflow:hidden;margin:0; min-height:600px;} /*.subSpace01{margin-bottom:23px;} */ .subSpace02{margin-bottom:16px;} .subSpace03{margin-bottom:-4px;} .subSpace04{margin-bottom:25px;} .subSpace05{margin-bottom:13px;} .subSpace06{margin-bottom:29px;} .subSpace07{margin:0px 0 30px;} .subSpace08{margin:-13px 0 -7px;} .subSpace09{margin:0px 0 26px; font-weight:600} .subSpace10{margin-bottom:18px;} /* SUB LNB */ #lnb { position:absolute; top:440px;width:160px; clear:both;} #lnb h2{ font-size:16px; color:#000; border-bottom:4px solid #000; width:86px; padding-bottom:16px;letter-spacing: -1px;} #lnb ul { margin-top:16px; font-size:13px;} #lnb ul li { } #lnb ul li a { display:inline-block; color:#000; line-height:24px;font-weight:700; } #lnb ul li a.on, #lnb ul li a:hover { color:#25a449;} .issueWrap #lnb h2{width:120px !important;} .issueWrap #lnb ul li ul {padding:5px 0 10px;} .issueWrap #lnb li strong {display:inline-block; color:#000; line-height:24px;font-weight:700;} .issueWrap #lnb li strong.on {color:#25a449;} .issueWrap #lnb ul li ul a.on {background:url(../../images/issue/bul_cate_on.gif) no-repeat 0 11px;color:#25a449;} .issueWrap #lnb ul li ul a.on strong {color:#25a449;} .contvVsual { width:100%; height:440px;} .contvVsual .bgImg { text-align:center; position:relative; height:440px; background-repeat:no-repeat; background-position:center top; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; } .contvVsual .bgPatten{display:none;} .contvVsual .line { position:absolute; bottom:0px; width:100%; height:200px; overflow:hidden; background:url('../../images/common/bg_diagonal_01.png') no-repeat center bottom; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; } /* SUB 상단 타이틀 영역 */ .sub_titleBox { display:block; width:100%; height:440px; overflow:visible; position:relative;} .sub_titleBox h3 { margin:0 0 0 0; font-size:46px; text-transform:uppercase; letter-spacing:-2px; word-spacing:-1px; line-height:40px; position:absolute; bottom:200px;width:100%} .sub_titleBox h3 em { font-size:20px; display:block; margin-bottom:0px; letter-spacing:-1px;} .sub_titleBox h3 .eng { font-family:arial !important; letter-spacing:-1px; font-weight:bold;} .sub_titleBox h3 .subTxt { display:block; font-size:26px; font-weight:400; font-family: 'Nanum Myeongjo'; margin-top:20px; line-height:32px; font-weight:600;} .sub_titleBox h3.fc02 { text-shadow:3px 2px 20px #000; } .sub_titleBox .businessBtn { width:140px; height:36px; display:inline-block; background:url('../../images/btn/btn_business.png') no-repeat; overflow:hidden; white-space:nowrap; color:transparent; } .sub_titleBox p.textMyeongjo{margin:-20px 0 26px 20px;font-weight:400;letter-spacing:-2px; word-spacing:-1px; text-shadow:1px 1px 10px #666;} /* SUB - 배경이미지 */ .bgImg.type01 { background-image:url('../../images/content/bg_business_03.jpg');} /* 회사소개 */ .bgImg.company01 { background-image:url('../../images/content/bg_company_01.jpg');} .bgImg.company02 { background-image:url('../../images/content/bg_company_02.jpg');} .bgImg.company03 { background-image:url('../../images/content/bg_company_03.jpg');} .bgImg.company04 { background-image:url('../../images/content/bg_company_04.jpg');} /* 사업소개 */ .bgImg.business01 { background-image:url('../../images/content/bg_business_01.jpg');} .bgImg.business02 { background-image:url('../../images/content/bg_business_02.jpg');} .bgImg.business03 { background-image:url('../../images/content/bg_business_03.jpg');} .bgImg.business04 { background-image:url('../../images/content/bg_business_04.jpg');} .bgImg.business05 { background-image:url('../../images/content/bg_business_05.jpg');} .bgImg.business06 { background-image:url('../../images/content/bg_business_06.jpg');} /* IR */ .bgImg.ir01 { background-image:url('../../images/content/bg_ir_01.jpg');} .bgImg.ir02 { background-image:url('../../images/content/bg_ir_02.jpg');} .bgImg.ir03 { background-image:url('../../images/content/bg_ir_03.jpg');} .bgImg.ir04 { background-image:url('../../images/content/bg_ir_04.jpg');} .bgImg.ir05 { background-image:url('../../images/content/bg_ir_05.jpg');} .bgImg.ir06 { background-image:url('../../images/content/bg_ir_06.jpg');} /* 혁신기술 */ .bgImg.technology01 { background-image:url('../../images/content/bg_technology_01.jpg');} .bgImg.technology02 { background-image:url('../../images/content/bg_technology_02.jpg');} .bgImg.technology03 { background-image:url('../../images/content/bg_technology_03.jpg');} .bgImg.technology04 { background-image:url('../../images/content/bg_technology_04.jpg');} .topImgTech .sub_titleBox{height:520px;} .topImgTech .sub_titleBox h3{bottom:235px;} .topImgTech .contvVsual .technology02{height:440px;} .topImgTech #lnb{top:520px;} /* 지속가능경영*/ .bgImg.sustain01 { background-image:url('../../images/content/bg_sustain_01.jpg');} .bgImg.sustain02 { background-image:url('../../images/content/bg_sustain_02.jpg');} .bgImg.sustain03 { background-image:url('../../images/content/bg_sustain_03.jpg');} .bgImg.sustain04 { background-image:url('../../images/content/bg_sustain_04.jpg');} .bgImg.sustain05 { background-image:url('../../images/content/bg_sustain_05.jpg');} .bgImg.sustain06 { background-image:url('../../images/content/bg_sustain_06.jpg');} .bgImg.sustain07 { background-image:url('../../images/content/bg_sustain_07.jpg');} /* 채용정보 */ .bgImg.recruit01 { background-image:url('../../images/content/bg_recruit_01.jpg');} .bgImg.recruit02 { background-image:url('../../images/content/bg_recruit_02.jpg');} .bgImg.recruit03 { background-image:url('../../images/content/bg_recruit_03.jpg');} .bgImg.recruit04 { background-image:url('../../images/content/bg_recruit_04.jpg');} /* PR ROOM */ .bgImg.prRoom01 { background-image:url('../../images/content/bg_prroom_01.jpg');} .bgImg.prRoom02 { background-image:url('../../images/content/bg_prroom_02.jpg');} .bgImg.prRoom03 { background-image:url('../../images/content/bg_prroom_03.jpg');} .bgImg.prRoom04 { background-image:url('../../images/content/bg_prroom_04.jpg');} .bgImg.prRoom05 { background-image:url('../../images/content/bg_prroom_05.jpg');} .bgImg.prRoom06 { background-image:url('../../images/content/bg_prroom_06.jpg');} .bgImg.prRoom07 { background-image:url('../../images/content/bg_prroom_07.jpg');} .bgImg.prRoom08 { background-image:url('../../images/content/bg_prroom_07.jpg');} /* SUB - HDEC Issue ----------------*/ /* Clear */ .issueWrap .issueList:after, .issueViewWrap #contentBox .titleArea:after, .issueViewWrap #contentBox .type:after, .issueViewWrap .relatedIssue .list:after, .issueViewWrap .paging:after, .issueViewWrap .paging .next:after, .issueViewWrap .videoArea:after { content:"";height:0;visibility:hidden;display:block;clear:both; } .hidden { position: absolute; visibility: hidden; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; text-indent: -9999px; } /* Issue - Visual */ .issueWrap #wrap{min-width:1000px;} /* .issueWrap .contvVsual { position:relative; width:auto; min-width:1000px; height:100%; } */ .issueWrap .contvVsual .bgPatten { position:relative; width:100%; height:100%; min-height:580px; } .issueWrap .visualArea { height:100%;} .issueWrap .visualArea .bx-wrapper{min-width:1000px;} .issueWrap .visualArea .txtArea{position:absolute;z-index:3;top:50%;left:50%;max-width:1000px;margin-left:-500px;margin-top:-115px;} .issueWrap .visualArea .txtArea, .issueWrap .visualArea .btnArea { vertical-align:top; } .issueWrap .visualArea .txtArea .txt {} .issueWrap .visualArea .btnArea { position:absolute; z-index:3; top:50%; margin-top:80px;} .issueWrap .visualArea .btnArea .num { display:inline-block; width:32px; height:32px; border:2px solid #fff; font-family:'Arial'; background:url('../../images/common/bg_alpha.png') repeat left top;; font-size:12px; line-height:32px; text-align:center; color:#fff; vertical-align:top; letter-spacing:0px; } .issueWrap .visualArea .btnArea .prev { display:inline-block; width:32px; height:32px; border:2px solid #fff; background:url('../../images/btn/btn_rollPrev.png') no-repeat 50% 50%; vertical-align:top;} .issueWrap .visualArea .btnArea .next { display:inline-block; width:32px; height:32px; margin-left:-6px; border:2px solid #fff; background:url('../../images/btn/btn_rollNext.png') no-repeat 50% 50%; vertical-align:top;} .issueWrap .visualArea .btnArea .prev:hover { background:#fff url('../../images/btn/btn_rollPrev_over.png') no-repeat;} .issueWrap .visualArea .btnArea .prev:focus { background:#fff url('../../images/btn/btn_rollPrev_over.png') no-repeat;} .issueWrap .visualArea .btnArea .next:hover { background:#fff url('../../images/btn/btn_rollNext_over.png') no-repeat;} .issueWrap .visualArea .btnArea .next:focus { background:#fff url('../../images/btn/btn_rollNext_over.png') no-repeat;} .issueWrap .visualArea .txtArea .btnMore { margin:0 0 0 195px; padding:0; width:132px; height:30px; background:none ;background-color:#fff;border:0; font-family:'Arial'; text-transform:uppercase; font-size:12px; font-weight:600; color:#000; line-height:30px; text-align:center; border:3px solid #fff; letter-spacing:0px;} /* 165px; */ .issueWrap .visualArea .txtArea .btnMore:hover { border:3px solid #010101;} .issueWrap .visualArea .txtArea .btnMore_B { margin:0 0 0 195px; padding:0; width:132px; height:30px; background:none ;background-color:#252525;border:0; font-family:'Arial'; text-transform:uppercase; font-size:12px; font-weight:600; color:#fff; line-height:30px; text-align:center; border:3px solid #252525; letter-spacing:0px;} /* 165px; */ .issueWrap .visualArea .txtArea .btnMore_B:hover { border:3px solid #fff;} .issueWrap .visualArea .visual {min-width:1280px; } .issueWrap .visualArea .visual img { z-index:1; display:inline-block; width:100%; height:100%; min-height:580px; } .issueWrap .visualArea .bgPatten { position:absolute;} .issueWrap .visualArea li { position:relative; min-height:580px;} .issueWrap .visualArea .txt { display:inline-block; height:168px; } .issueWrap .visualArea .txt img { display:inline-block; } /* Issue - Content */ /* .issueWrap .content { max-width:1920px; margin:0 auto;} */ .issueWrap .cont {clear:none; margin:0 auto; width:auto; } .issueWrap .sortArea { position:relative; height:55px; background-color:#fff; font-family:'Arial'; text-transform:uppercase; letter-spacing:0px; } .issueWrap .sortArea .bgSort { display:none; position:absolute; left:0; top:0; z-index:4; background-color:#fff; width:100%; border-bottom:1px solid #bebebe;} .issueWrap .sortCon { position:relative; left:0; top:0; z-index:5; width:1000px; margin:25px auto 0; } .issueWrap .sortCon legend { display:block; float:left; width:150px; margin-top:4px; padding-left:18px; background:url('../../images/common/icon_sort.png') no-repeat 0 3px; font-weight:700; } .issueWrap .sortCon ul {display:none; margin:20px 0; } .issueWrap .sortArea.active ul {display:block; position:absolute; z-index:4; } .issueWrap .sortArea.active em { color:#555;} .issueWrap .sortCon .category, .issueWrap .sortCon .year, .issueWrap .sortCon .search {float:left; font-size:12px;} .issueWrap .sortCon .category {width:174px; margin-right:30px; } .issueWrap .sortCon .year {width:174px; margin-right:20px;} .issueWrap .sortCon em { display:inline-block; width:174px; border-bottom:1px solid #bebebe; font-size:12px; line-height:25px; color:#898989; font-weight:700;} .issueWrap .sortCon ul li { color:#252525; line-height:24px; } .issueWrap .sortCon ul li label {display:inline-block; vertical-align:top;} .issueWrap .sortCon ul li input { display:inline-block; margin:5px 8px 0 0; vertical-align:top; } .issueWrap .sortCon ul li input:focus + label {outline:1px dashed #808080;} .issueWrap .sortCon .search { display:inline-block; padding-left:20px; border-bottom:1px solid #bebebe; background:url('../../images/common/icon_search01_off.png') no-repeat 0 50%;} .issueWrap .sortCon .search label { position: absolute; right: -1000px; top:0;} .issueWrap .sortCon .search .textType { width:265px; height:25px; line-height:25px; border:0; color:#000; background:#fff;} .issueWrap .sortCon .btnSearch { display:none; position:absolute; right:0; bottom:-176px; height:33px; padding:0 43px 3px 25px; background:#252525 url('../../images/common/blt_arrow_01.png') no-repeat 79% 50%; font-family:'Arial'; font-size:13px; line-height:33px; text-transform:uppercase; color:#fff; border:0; cursor:pointer; letter-spacing:0px; } .issueWrap .sortCon .sortLayer { position:absolute; right:0; top:-6px; display:inline-block; width:34px; height:34px; border:1px solid #acacac; background:#fff url('../../images/common/icon_arror02.png') no-repeat 50% 50%;} .issueWrap .sortArea.active .sortLayer { background:url('../../images/common/icon_arror03.png') no-repeat 50% 50%; } .issueWrap .sortCon .sortLayer span { display:none;} .issueWrap .sortArea.active ul, .issueWrap .sortArea.active .btnSearch{ display:block;} .issueWrap .sortArea.active .search { display:inline-block; padding-left:20px; border-bottom:1px solid #000; background:url('../../images/common/icon_search01.png') no-repeat 0 50%;} .issueWrap .moreBtn {display:block; width:998px; border:1px solid #c4c4c4; padding:15px 0 24px; margin:20px auto 65px; background:url('../../images/common/icon_arror04.png') no-repeat 50% 34px; text-align:center; font-family:'Arial'; text-transform:uppercase; letter-spacing:0px; } .issueWrap .content { display:block; max-width:1000px; margin:0 auto 105px; height:100%; min-height:100%; position:relative;} .issueWrap .contvVsual {position:relative;overflow:hidden;height:440px;} .issueWrap .cont {width:854px; clear:both; overflow:hidden;margin:0 0 0 170px; min-height:600px; word-break:keep-all;-ms-word-break:keep-all;} .issueWrap #lnb {top:0;} .issueListBox .issueList li {width:410px;height:280px;} /* Issue - List */ /* .issueWrap .issueMain .moreBtn { margin:-45px auto 65px !important;} */ .issueWrap .issueMain .moreBtn {display:none !important;} .issueMain { position:relative; width:845px; margin:0 auto;} .issueListBox {margin:0 auto;} .issueListBox .issueList {width:860px;margin-top:-10px;margin-bottom:65px;} /* .issueListBox .issueList li { position:relative; float:left; width:324px; height:220px; margin-left:11px; margin-top:14px; overflow:hidden; border:1px solid #fff;} */ .issueListBox .issueList li { position:relative; float:left; width:418px; height:284px; margin-right:10px; margin-top:10px; overflow:hidden; border:1px solid #fff;} .issueListBox .issueList a { color:#fff; display:inline-block; width:100%; height:100%; background:#0f0f0f; } .issueListBox .issueList a img { height:100%; width:100%;} .issueListBox .issueList .img { display:inline-block; width:100%; height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .issueListBox .issueList .img img{width:100%;height:100%;} .issueListBox .issueList .title { position:absolute; z-index:3; left:35px;bottom:35px; padding-right:24px; display:block; margin-top:3px; font-size:16px; line-height:22px; word-spacing:-1px;} .issueListBox .issueList .title em { display:block; font-size:24px; line-height:26px; word-spacing:-1px; letter-spacing:-1px; text-transform:uppercase;} .issueListBox .issueList .icon{ position:absolute; z-index:3; left:0;top:0; background-color:#1b1b1b; } .issueListBox .issueList .type02 .title em { margin-bottom:0;color:#fff; font-size:15px; line-height:20px;} .issueListBox .issueList .type02 .title { color:#fff; font-size:20px; line-height:18px; } .issueListBox .issueList .type02 .bgPatten { background:none;} .issueListBox .issueList .type02 a { background:#25a449;} .issueListBox .issueList .bgPatten { position:absolute; left:0; bottom:0px; display:block; width:100%; height:100%; background:url('../../images/issue/bg_related_patten.png') repeat-x 0 100%; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; } .issueListBox .issueList > li > a > img { -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; } .issueListBox .issueList > li > a .title { position:absolute;z-index:3;left:18px;bottom:37px;color:#ffffff; font-size:15px; font-weight:600; letter-spacing:0px; word-break:keep-all;-ms-word-break:keep-all; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; } .issueListBox .issueList > li > a .title em {display:block;margin-bottom:4px;font-size:20px;line-height:18px;font-weight:700;} .issueListBox .issueList > li > a:focus .title, .issueListBox .issueList > li > a:hover .title {color:#fff;} .issueListBox .issueList > li.type02 > a:focus .title em, .issueListBox .issueList > li.type02 > a:hover .title em {color:#fff;} .issueListBox .issueList > li > a:focus .img, .issueListBox .issueList > li > a:hover .img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .issueListBox .issueList > li > a .date{position:absolute;z-index:3;left:18px;bottom:19px;color:#ffffff; font-size:12px; font-weight:600; letter-spacing:0px;} .issueListBox .issueList > li .maskBottom { content:"";position:absolute;z-index:3;left:0;top:0px !important;width:410px;height:276px;background:url('../../images/issue/imgList_over.png') no-repeat left top; opacity:0; border:4px solid #fff; -webkit-transition:all 0.45s ease; -moz-transition:all 0.45s ease; -ms-transition:all 0.45s ease; -o-transition:all 0.45s ease; transition:all 0.45s ease; } .issueListBox .issueList > li > a:focus .maskBottom, .issueListBox .issueList > li > a:hover .maskBottom { opacity:1;} .issueListBox .issueList > li.on { border:1px solid #000 !important;} .issueListBox .issueList > li:hover { border:1px solid #000;} #lnb ul li ul {margin:0;padding:0 0 0 6px;} #lnb ul li ul li a {display:block;padding:0 0 0 7px;background:url(../../images/issue/bul_cate_off.gif) no-repeat 0 11px;font-size:13px;color:#000;font-weight:normal} #lnb ul li ul li a:hover, #lnb ul li ul li a:active, #lnb ul li ul li a:focus, #lnb ul li ul li a.on {background:url(../../images/issue/bul_cate_on.gif) no-repeat 0 11px;color:#25a449;} /* Issue View */ .issueViewWrap #wrap { width:100%; height:auto; background-color:#f5f5f5; } .issueViewWrap #tabArea { position:relative; width:998px; height:70px; margin:0 auto; background-color:#fff; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; } .issueViewWrap #tabArea h2 { display:inline-block; height:31px; padding:20px 59px 19px 23px; border-right:1px solid #c9c9c9; font-size:14px; line-height:14px; text-transform:uppercase; letter-spacing:0px; color:#898989;} .issueViewWrap #tabArea h2 .icon {display:inline-block; margin-right:11px; } .issueViewWrap #tabArea h2 span { display:block; margin-top:1px; color:#252525;font-family:"Arial"; } .issueViewWrap #tabArea h2 span em { display:block; margin-top:-1px; color:#898989;} .issueViewWrap #tabArea .prevLink { position:absolute; right:17px; top:15px; display:inline-block; width:38px; height:38px; border:1px solid #000; background:url('../../images/btn/btn_arrow.png') no-repeat 50% 50%;} .issueViewWrap #tabArea .prevLink:hover, .issueViewWrap #tabArea .prevLink:focus{width:32px; height:32px; border:4px solid #252525;} .issueViewWrap #tabArea .listLink { position:absolute; right:65px; top:15px; display:inline-block; width:38px; height:38px; border:1px solid #000; background:url('../../images/btn/btn_viewList.png') no-repeat 50% 50%;} .issueViewWrap #tabArea .listLink:hover, .issueViewWrap #tabArea .listLink:focus{width:32px; height:32px; border:4px solid #252525;} .issueViewWrap #tabArea .prevLink:hover { -webkit-transition: all 0.00s ease; -moz-transition: all 0.00s ease; -ms-transition: all 0.00s ease; -o-transition: all 0.00s ease; transition: all 0.00s ease; } /* Issue View - common*/ .issueViewWrap #contentBox { margin:0; background-color:#f5f5f5; padding-bottom:50px; } .issueViewWrap #contentBox #container { position:relative; width:1000px; margin:0 auto; padding-bottom:0px; } .issueViewWrap #contentBox .contvVsual { display:none; } .issueViewWrap #contentBox .content { width:auto; margin:0; background-color:#fff; border:1px solid #c9c9c9; padding:50px 49px 0; position:static;} .issueViewWrap #contentBox .titleArea { margin-bottom:0;padding:48px 49px 48px; background-color:#fff; border:1px solid #c9c9c9; border-bottom:0; text-transform:uppercase; word-spacing:-1px; } .issueViewWrap #contentBox .category { display:inline-block;float:left; } .issueViewWrap #contentBox .category span{ display:table-cell; width:70px; height:70px; padding:0; margin-right:12px; background-color:#25a449; text-align:center; vertical-align:middle; color:#fff; font-size:12px; letter-spacing:0px; font-weight:bold;} .issueViewWrap #contentBox .titleArea h3 { width:820px;display:inline-block;float:left; margin:5px 0 0 9px; vertical-align:top; color:#252525;} .issueViewWrap #contentBox .titleArea h3 span:first-child { display:block; font-size:30px; letter-spacing:-1px; font-weight:700; line-height:1;} .issueViewWrap #contentBox .titleArea h3 span:last-child { display:block; font-family:'Arial'; padding-top:11px; font-size:18px; line-height:1; letter-spacing:-0.01em;} .issueViewWrap #contentBox .titleArea h3.titCsr{height:80px;margin:-5px 0 -5px 9px;word-break:keep-all;-ms-word-break:keep-all;} .issueViewWrap #contentBox .titleArea h3.titCsr span:first-child{display:table-cell;height:80px;padding-top:0;font-size:32px;font-family:"Nanum Gothic", ?섎닎怨좊뵓, sans-serif; line-height:40px;vertical-align:middle; } .issueViewWrap #contentBox .visual { position:relative;width:998px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; text-align:center; }/*height:535px; */ .issueViewWrap #contentBox .visual img { width:100%; height:100%;} .issueViewWrap #contentBox .visualInfo{position:absolute;left:0;bottom:0;width:100%;background-color:#000;opacity:0.8;text-align:left;font-size:13px;} .issueViewWrap #contentBox .visualInfo dl{padding:18px 27px;margin:0 -1px;letter-spacing:-1px;} .issueViewWrap #contentBox .visualInfo dt{display:inline-block;margin-right:4px;padding-left:16px;background:url('../../images/common/bar07.gif') no-repeat 5px 50%;color:#a0a0a0; font-weight:bold;} .issueViewWrap #contentBox .visualInfo dd{display:inline-block;color:#fff;} .issueViewWrap #contentBox .visualInfo dt:first-child{padding-left:0;background:none;} .issueViewWrap #contentBox .visualInfo.noImg {position:relative !important; width:100%;background-color:#000;opacity:0.8;text-align:left;font-size:13px;} .issueViewWrap #contentBox .issueCont .issueBox {position:relative; overflow:hidden; margin-bottom:50px; } .issueViewWrap #contentBox .issueCont h4 { margin-bottom:34px; font-size:20px; color:#252525; clear:both; font-weight:700;} .issueViewWrap #contentBox .issueCont p { margin-bottom:25px; line-height:22px; color:#898989; } .issueViewWrap #contentBox .issueCont div { margin-bottom:25px; font-size:15px; line-height:22px; color:#555; word-break:keep-all;-ms-word-break:keep-all;} .issueViewWrap #contentBox .issueCont .txt { font-size:12px; line-height:18px;} .issueViewWrap #contentBox .issueCont p.news_tit { margin-bottom:0px; line-height:22px; color:#25a449; } .issueViewWrap #contentBox .issueCont .imgArea, .issueViewWrap #contentBox .issueCont .sliderArea, .issueViewWrap #contentBox .issueCont .videoArea { overflow:hidden; margin-bottom:30px;} .issueViewWrap #contentBox .issueCont .videoArea { margin-bottom:30px !important;} .issueViewWrap #contentBox .issueCont .imgArea img, .issueViewWrap #contentBox .issueCont .sliderArea img { display:block; width:100%; height:100%;} .issueViewWrap #contentBox .issueCont .videoArea .btn { clear:both; text-align:right; padding-top:13px;} .issueViewWrap #contentBox .issueCont .videoArea .btn a { margin:0 4px 0 9px; } .issueViewWrap #contentBox .issueCont .videoArea .video div { margin-top:-25px;} /* 2016-02-04 */ .issueViewWrap #contentBox .issueCont .videoArea .video .mejs-controls { margin:0 0 0 0 !important;}/* 2016-02-04 */ .issueViewWrap #contentBox .issueCont .videoArea .video .mejs-controls div { margin:0 0 0 0 !important;}/* 2016-02-04 */ /* Issue View - Img Type* */ .issueViewWrap #contentBox .issueEditImg {position:relative; margin-bottom:30px; color:#898989; overflow:hidden;} .issueViewWrap #contentBox .issueEditImg .imgArea { margin:0px 0 5px;} .issueViewWrap #contentBox .issueEditImg .txt { margin:0px 0 30px;} .issueViewWrap #contentBox .issueEditImg .txtLong { width:600px;} .text { font-size:12px; margin-bottom:30px; line-height:18px; } .textLong { font-size:14px; margin-bottom:30px; line-height:22px;} .img900 { width:900px; height:260px; background:#ccc; margin-bottom:10px; overflow:hidden;} .img900 img { width:100%; height:100%;} .issueViewWrap #contentBox .issueEdit01 .imgArea, .issueViewWrap #contentBox .issueEdit01 .sliderArea { width:900px; height:375px; overflow:hidden;} .issueViewWrap #contentBox .issueEdit02 .imgArea, .issueViewWrap #contentBox .issueEdit02 .sliderArea { float:left; width:600px; height:375px; } .issueViewWrap #contentBox .issueEdit02 .txt { float:right; width:270px;} .issueViewWrap #contentBox .issueEdit02 .txtLong {clear:both; width:600px;} .issueViewWrap #contentBox .issueEdit03 .imgArea, .issueViewWrap #contentBox .issueEdit03 .sliderArea { float:right; width:600px; height:375px; } .issueViewWrap #contentBox .issueEdit03 .txt { float:left; width:270px;} .issueViewWrap #contentBox .issueEdit03 .txtLong {clear:both; width:600px; float:right;} .issueViewWrap #contentBox .issueEdit04 .imgArea, .issueViewWrap #contentBox .issueEdit04 .sliderArea {float:left; width:600px; height:800px; } .issueViewWrap #contentBox .issueEdit04 .txt { float:right; width:270px;} .issueViewWrap #contentBox .issueEdit04 .txtLong {clear:both; width:600px;} .issueViewWrap #contentBox .issueEdit05 .imgArea, .issueViewWrap #contentBox .issueEdit05 .sliderArea { width:900px; height:570px; } .issueViewWrap #contentBox .issueBox02 {position:relative; overflow:hidden; margin-bottom:80px !important; background:#f5f5f5; border:1px solid #c9c9c9; padding: 40px 30px;} .issueViewWrap #contentBox .issueBox02 .imgArea { width:840px; height:310px; overflow:hidden;} .issueViewWrap #contentBox .issueBox02 .imgArea img { width:100%; height:100%; overflow:hidden;} /* Issue View - Video Type*/ .issueViewWrap .playType01 .videoArea .video { float:left; } .issueViewWrap .playType02 .videoArea .video { float:right;} .issueViewWrap .video { margin-bottom:0px !important;} .issueViewWrap .scenarioArea { margin-bottom:0px !important; } .issueViewWrap .scenarioArea .scenario { font-family: 'Nanum Gothic'; } .issueViewWrap .playType01 .videoArea .scenarioArea, .issueViewWrap .playType02 .videoArea .scenarioArea { width:298px; height:373px; border:1px solid #dfdfdf;} .issueViewWrap .videoArea .scenarioArea .scenario { width:240px; height:324px; padding:24px 29px 25px; font-size:12px; color:#898989; line-height:18px; overflow-y:auto; border:0; resize:none;} .issueViewWrap .playType01 .videoArea .scenarioArea { float:right; } .issueViewWrap .playType01 .txtLong { width:600px;} .issueViewWrap .playType02 .videoArea .scenarioArea { float:left; } .issueViewWrap .playType02 .txtLong { float:right; width:600px; clear:both;} .issueViewWrap .playType03 .videoArea .scenarioArea { width:898px; height:173px; margin-top:-4px; border:1px solid #dfdfdf; } .issueViewWrap .playType03 .videoArea .scenarioArea .scenario { width:840px; height:115px; } /* Issue View - etc type */ .tyepEtc { width:100% !important; overflow:hidden; margin-bottom:0px !important;} .tyepEtc .videoArea, .tyepEtc .txt, .tyepEtc .sliderArea { margin:0px !important;} .tyepEtc .sliderArea { margin-bottom:10px !important;} /* Issue View - Slider Type */ .sliderArea { position:relative; overflow:hidden; text-align:center; } .sliderArea .slider li:first-child img { display:block; } .sliderArea .slider li a { position:relative; z-index:3; left:0; top:345px; display:inline-block; width:8px; height:8px; margin-left:10px; background:url('../../images/btn/slider_nav.png') no-repeat 0 0; } .sliderArea .slider li:first-child a { margin-left:0; } .sliderArea .slider li.active a { background:url('../../images/btn/slider_nav_on.png') no-repeat 0 0; } .sliderArea .btnArea { position:absolute; left:0; top:0; display:inline-block; z-index:3; width:100%; } .sliderArea .btnArea .prev { position:absolute; left:0; top:155px; display:inline-block; width:46px; height:46px; background:#2e2f30 url('../../images/btn/btn_prev02.png') no-repeat 50% 50%; } .sliderArea .btnArea .next { position:absolute; right:0; top:155px; display:inline-block; width:46px; height:46px; background:#2e2f30 url('../../images/btn/btn_next02.png') no-repeat 50% 50%; } .issueEdit01 .sliderArea, .issueEdit01 .slider, .issueEdit01 .slider li img { width:900px; height:375px; } .issueEdit01 .slider li { width:900px; } .issueEdit02 .sliderArea, .issueEdit02 .slider, .issueEdit02 .slider li img, .issueEdit03 .sliderArea, .issueEdit03 .slider, .issueEdit03 .slider li img { width:600px; height:375px; } .issueEdit02 .slider li, .issueEdit03 .slider li, .issueEdit04 .slider li { width:600px; } .issueEdit04 .sliderArea, .issueEdit04 .slider, .issueEdit04 .slider li img { width:600px; height:800px; } .issueEdit04 .slider li a { top:766px; } .issueEdit04 .btnArea .prev, .issueEdit04 .btnArea .next { top:377px; } .issueEdit05 .sliderArea, .issueEdit05 .slider, .issueEdit05 .slider li img { width:900px; height:570px; } .issueEdit05 .slider li { width:900px; } .issueEdit05 .slider li a { top:536px; } .issueEdit05 .btnArea .prev, .issueEdit05 .btnArea .next { top:262px; } /* Issue View - paging */ .issueViewWrap .paging { background-color:#fff; border:1px solid #c9c9c9; border-top:0; margin:0 auto; width:998px;} .issueViewWrap .paging li { float:left; display:inline-block; width:50%; height:70px; margin:0; border:0; font-size:12px; color:#626262; text-transform:uppercase;} .issueViewWrap .paging li a, .issueViewWrap .paging li span { display:inline-block; height:70px; margin:0; padding:0; background:none; font-family:'Arial'; color:#626262; line-height:70px; letter-spacing:0px; } .issueViewWrap .paging li span { color:#b6b6b6; } .issueViewWrap .paging li em { display:inline-block; height:70px; padding:0 29px; line-height:70px; vertical-align:top; } .issueViewWrap .paging .prev { text-align:left; } .issueViewWrap .paging .prev a, .issueViewWrap .paging .prev span { width:63px; padding-left:48px; background:url('../../images/btn/btn_prev03.png') no-repeat 39px 50%; } .issueViewWrap .paging .prev span { background-image:url('../../images/btn/btn_prev04.png'); } .issueViewWrap .paging .prev em { border-left:1px solid #c9c9c9; } .issueViewWrap .paging .next { text-align:right; } .issueViewWrap .paging .next a, .issueViewWrap .paging .next span { float:right; width:69px; padding-right:50px; background:url('../../images/btn/btn_next03.png') no-repeat 73px 50%;} .issueViewWrap .paging .next em { border-right:1px solid #c9c9c9; } .issueViewWrap .paging .next span { background-image:url('../../images/btn/btn_next04.png'); } .issueViewWrap .paging a:hover { background-color:#f5f5f5; text-decoration:underline;} /* Issue View - related issue */ .issueViewWrap .relatedIssue { margin-top:19px; padding:50px 49px 50px 34px; background-color:#fff; border:1px solid #c9c9c9; } .issueViewWrap .relatedIssue h4 { margin:-17px 0 25px 15px; font-family:'Arial'; text-transform:uppercase; letter-spacing:0px; } .issueViewWrap .relatedIssue .list { overflow:hidden; width:102%; margin:0 auto;} .issueViewWrap .relatedIssue .list li { position:relative; float:left; width:290px; height:178px; margin:0 0 12px 15px;overflow:hidden; border:1px solid #fff;} .issueViewWrap .relatedIssue .list a {color:#fff; display:inline-block; width:100%; height:100%;} .issueViewWrap .relatedIssue .list a img { height:100%; width:100%;} .issueViewWrap .relatedIssue .list .img { display:inline-block; width:100%; height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .issueViewWrap .relatedIssue .list .icon{ position:absolute; z-index:3; left:0;top:0; background-color:#1b1b1b; } .issueViewWrap .relatedIssue .list .title { position:absolute; z-index:3; left:19px;bottom:20px; padding-right:19px; display:block; margin-top:3px; font-size:15px; font-weight:700; line-height:20px; word-spacing:-5px;} .issueViewWrap .relatedIssue .list .bgPatten { position:absolute; left:0; bottom:0px; display:block; width:100%; height:100%; background:url('../../images/issue/bg_related_patten.png') repeat-x 0 100%; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; } .issueViewWrap .relatedIssue list > li > a > img { -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; } .issueViewWrap .relatedIssue .list > li > a .title { position:absolute;z-index:3;left:23px;bottom:18px;color:#ffffff;word-break:keep-all;-ms-word-break:keep-all; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; } .issueViewWrap .relatedIssue .list > li > a .title em {font-size:24px;display:block;font-weight:700;margin-bottom:8px;} .issueViewWrap .relatedIssue .list > li > a:focus .img, .issueViewWrap .relatedIssue .list > li > a:hover .img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .issueViewWrap .relatedIssue .list > li .maskBottom { content:"";position:absolute;z-index:3;left:0;top:0 !important;width:97.6%;height:96.0%; background:url('../../images/issue/imgList_over.png') no-repeat 50% 50%; opacity:0;border:4px solid #fff; } .issueViewWrap .relatedIssue .list > li > a:focus .maskBottom, .issueViewWrap .relatedIssue .list > li > a:hover .maskBottom {opacity:1;} .issueViewWrap .relatedIssue .list > li.on { border:1px solid #000 !important;} .issueViewWrap .relatedIssue .list > li:hover { border:1px solid #000;} /* Issue View - sns */ .issueViewWrap .sns { position:absolute; left:50%; margin-left:499px; top:67px; width:40px;} .issueViewWrap .sns a { display:block; width:38px; height:38px; border:1px solid #c9c9c9; margin-bottom:-1px; background:url('../../images/issue/btn_sns.gif') no-repeat 0 0; } .issueViewWrap .sns span { display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%;} .issueViewWrap .sns .facebook { background-position:0 -39px; } .issueViewWrap .sns .googleplus { background-position:0 -78px; } .issueViewWrap .sns .email { background-position:0 -117px; } .issueViewWrap .sns .print { background-position:0 -156px; } .issueViewWrap .sns .plus { background-position:0 -198px; } .issueViewWrap .sns a:hover, .issueViewWrap .sns a:focus{ width:32px;height:32px;border:4px solid #252525;background-position:-3px -3px; -webkit-transition: all 0.00s ease; -moz-transition: all 0.00s ease; -ms-transition: all 0.00s ease; -o-transition: all 0.00s ease; transition: all 0.00s ease; } /* .issueViewWrap .sns a:hover span, .issueViewWrap .sns a:focus span {width:32px;height:32px;border:4px solid #252525;z-index:0;color:transparent;} */ .issueViewWrap .sns a.facebook:hover, .issueViewWrap .sns a.facebook:focus { background-position:-3px -42px; } .issueViewWrap .sns a.googleplus:hover, .issueViewWrap .sns a.googleplus:focus { background-position:-3px -81px; } .issueViewWrap .sns a.email:hover, .issueViewWrap .sns a.email:focus { background-position:-3px -120px; } .issueViewWrap .sns a.print:hover, .issueViewWrap .sns a.print:focus { background-position:-3px -159px; } .issueViewWrap .sns a.plus:hover, .issueViewWrap .sns a.plus:focus { background-position:-3px -198px; } .topCont span {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%; } .issueViewWrap .sns a.btn_b2 span.at-icon-wrapper { visibility:hidden; font-size:0px;} /* Issue View -Type B */ .issueFullBg {} .issueFullBg #wrap { background-color:#fff; } .issueFullBg #contentBox .content { padding-top:50px; position:relative;} .issueFullBg #contentBox .contvVsual{ display:block; position:relative; height:715px; border-top:1px solid #c9c9c9;} .issueFullBg #contentBox .contvVsual .visual { width:100%; height:715px; border:0; overflow:hidden; } .issueFullBg #contentBox .contvVsual .visual img { width:100%; height:100%;} .issueFullBg #contentBox .contvVsual .bgPatten { height:715px;} .issueFullBg #contentBox .contvVsual .line { background:url('../../images/common/bg_diagonal_issue01.png') no-repeat left bottom; } .issueFullBg #container .titleArea { height:74px; margin-bottom:0;padding-left:0; border:0; background-color:transparent;} .issueFullBg #container .titleArea h3 { width:871px;height:74px; color:#fff; } .issueFullBg #container .visual { height:auto; border:0px; } .issueFullBg #container .visual .aTypeImg{ display:none; } .issueFullBg #contentBox #container { position:relative; width:1000px; margin:-299px auto 0; } .issueFullBg .sns {top:707px;} .issueFullBg #contentBox .visualInfo{position:static;left:auto;bottom:auto;width:998px;background-color:#f1f1f1;border:1px solid #cacaca;border-bottom:0;opacity:1;} .issueFullBg #contentBox .visualInfo dl{margin:0;} .issueFullBg #contentBox .visualInfo dt{color:#767676;} .issueFullBg #contentBox .visualInfo dd{color:#252525;} /* NewLetter Type */ .newsLetterWrap #tabArea h2 .icon{margin-top:-4px;} .newsLetterWrap #contentBox .titleArea h3{margin-top:0;font-size:42px;line-height:70px;} .newsLetterWrap #contentBox .visual{width:900px;height:auto;padding:0 49px;background-color:#fff;} .newsLetterWrap .infoBox{overflow:hidden;padding:30px 0;background-color:#fff; padding:10px 50px;}/*border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9; width:900px;*/ .newsLetterWrap .infoBox .info{float:left;font-size:15px;} .newsLetterWrap .infoBox .info dt{margin:7px 0 0 20px;padding-left:25px;display:inline-block;background:url('../../images/common/bar05.gif') no-repeat 0 50%;} .newsLetterWrap .infoBox .info dt:first-child{margin-left:0;padding-left:0;background:none;} .newsLetterWrap .infoBox .info dd{display:inline-block;font-family: 'Arial';} .newsLetterWrap .infoBox .btnCom{float:right;margin-right:0; padding-bottom:20px;} .newsLetterWrap .newsList{margin:-4px 0 116px;font-size:15px;line-height:22px;} .newsLetterWrap .newsList dt{margin-top:22px;color:#25a449;} .newsLetterWrap .newsList dt:first-child{margin-top:0;} /* TAB WRAP */ .tabWrap {position:relative;height:auto;} .tabWrap h5.subTit02 { letter-spacing:-2px;} .tabWrap .tabTit {position:absolute;left:0;top:0;z-index:1;} .tabWrap .tabTit a { min-width:137px; height:34px;border:1px solid #000;text-align:center;font-size:13px;line-height:34px;color:#000; padding:0 10px;} .tabWrap .tabTit a:hover, .tabWrap .tabTit a:focus {background-color:#004a80;color:#fff; text-decoration:none !important;} .tabWrap .tabTit .eng{font-family:'Arial'; letter-spacing:0px; } .tabWrap .tabTit a{display:inline-block;width:100%;height:100%;} .tabWrap .tabTit a.active {background-color:#004a80;color:#fff;} .tabWrap .tabCont .tabInCont { height:auto; visibility:visible; position:relative; padding-top:77px;} .tabWrap .tabCont01 .tabInCont { height:auto; visibility:visible; position:relative; } .tabArea01 h5 {font-size:22px;line-height:24px;vertical-align:top;} .tabArea01 .tabContLine{padding-top:35px;} .tabArea01 .tabContLine .tabInCont{padding-top:6px;border-top:1px solid #000; } .tabWrap02 .tabCont {visibility:hidden;display:block;height:0;} .tabWrap02 .tabCont .tabTypeEtc {visibility:hidden;display:block;height:0;} .tabWrap02 .tabCont .tabInCont { visibility:inherit; position:static; padding-top:0;} .tabWrap02 .active .tabCont {visibility:visible;height:auto;padding-top:78px;} .tabWrap02 .active .tabCont .tabTypeEtc {visibility:visible; height:auto;} .tabWrap02 .active .tabTit a{background-color:#004a80;color:#fff; } .tabWrap02 .active .tabContLine{padding-top:35px;} .tabWrap02 .tabContLine .tabInCont{border-top:1px solid #000;} .tabWrap02 .active .tabContLine02{padding-top:45px;} .tabWrap02 .tabContLine02 > .tabInCont{padding-top:43px;border-top:1px solid #000;} .btnFixd { position:absolute; right:0px; top:0px;} /* SUB - 1. 회사소개 ----------------*/ /* 회사소개 - VISION */ .ceoImgArea .textMyeongjo {margin-bottom:22px;font-size:32px;color:#252525 !important; } .ceoImgArea .ceoText{font-size:15px;line-height:24px;} .ceoImgArea .ceoText p{margin-top:10px;} .ceoImgArea .ceoText p:first-child { margin-top:0;} .ceoImgArea .ceoImg{overflow:hidden;margin-top:-5px;border-bottom:1px solid #dbdbdb;} .ceoImgArea .ceoImg .sign{float:left;margin-top:165px;} .ceoImgArea .ceoImg .sign span{display:inline-block;margin:20px 20px 0 0;} .ceoImgArea .ceoImg .img{float:right;} .mindTitle h5{font-size:32px;font-weight:400;} .mindTitle p{margin-top:23px;font-size:18px;line-height:24px;} .mindList{position:relative;height:182px;margin-top:56px;padding:117px 0 0 0;background:url('../../images/company/bg_mind.png') no-repeat 0 0;} .mindList li{position:absolute;} .mindList dl{width:215px;text-align:center;} .mindList dt{margin-bottom:5px;font-size:20px;color:#252525;} .mindList dt .eng{display:block;margin-bottom:9px;font-size:30px;font-weight:700;text-transform:none;color:#45ac56} .mindList dd{font-size:13px;line-height:18px;} .mindList .no01{left:40px;} .mindList .no02{left:309px;} .mindList .no03{left:575px;} .mindList .no02 .eng{color:#45abac;} .mindList .no03 .eng{color:#4593ac;} .buildList01{margin-top:43px;} .buildList01 li{overflow:hidden;margin-top:21px;} .buildList01 .no{float:left;display:block;width:120px;margin:1px 50px 0 0;padding-bottom:7px;font-family:'Arial';font-weight:700;color:#000;border-bottom:5px solid #31a344; letter-spacing:0px; } .buildList01 .titArea{float:left;display:block;width:170px;} .buildList01 dl, .buildList01 .txtArea{float:left;width:660px;} .buildList01 dt{margin-bottom:12px;font-size:18px;line-height:24px;} .buildList01 dd{font-size:15px;line-height:24px;} .buildList01 .br02{border-color:#31a2a3;} .buildList01 .br03{border-color:#3187a3;} .buildList01 .br04{border-color:#4172af;} .buildList01 .space{margin-top:21px;} .buildListSpace{overflow:hidden;margin-top:36px; } .tabArea01 .visionTit01{font-size:36px;font-family: 'Arial';text-transform: uppercase;} .tabArea01 .visionTit02{margin-top:31px;font-size:18px;font-weight:600;line-height:24px;} .tabArea01 .visionTit03{margin:48px 0 -23px;font-size:18px;line-height:30px;} .buildList02{position:relative;height:248px;padding:88px 0 60px;background:url('../../images/company/bg_build.png') no-repeat 0 0;border-bottom:1px solid #dbdbdb;color:#000;} .buildList02 .no{position:absolute;width:190px;} .buildList02 .eng{display:block;font-weight: 700;font-size:40px;text-align:right;color:#fff;} .buildList02 .tit{display:inline-block;margin:5px 0 5px 12px;font-size:20px;} .buildList02 ul li{padding-left:13px;font-size:13px;line-height:20px;background:url('../../images/common/bul06.png') no-repeat 0 47%;} .buildList02 .no01{left:111px;} .buildList02 .no02{left:340px;} .buildList02 .no03{left:600px;width:205px;} .buildList02 .no01 .eng{margin-right:18px;} .buildList02 .no02 .eng{margin-right:3px;} .buildList02 .no03 .eng{margin-right:30px;} /* 회사소개 - 연혁 */ .navYearBar{position:fixed;z-index:20;left:0;top:51px;width:100%;height:100px;background:#fff url('../../images/company/bg_navyear_bar.gif') repeat-x 0 100%;} .navYearBar .navYear {width:830px;margin:0 auto;border-top:0;border-bottom:0;padding-left:170px; letter-spacing:0px;} .navYearBar .navYear .subYear{padding-left:170px;} .navYearWrap{margin-bottom:-130px; overflow:hidden; display:block;} .navYear{ position:relative; overflow:hidden;height:102px;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .navYear > li { float:left;} .navYear > li > a{display:table-cell;width:137px;height:64px;border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;text-align:center;vertical-align:middle;font-family:'Arial';font-size:14px;font-weight:700;line-height:1.2; letter-spacing:0px; } .navYear > li:first-child > a{width:138px;border-left:1px solid #b2b2b2;} .navYear > li:first-child .subYear { left:5px !important;} .navYear > li > a:hover, .navYear > li > a:focus, .navYear > li.cur > a {background-color:#25a449;color:#fff;text-shadow:0px 0px 4px #000;} .navYear .subYear{ display:block; visibility:hidden; position:absolute;left:15%;top:64px;width:830px;border-top:1px solid #b2b2b2;} .navYear .cur .subYear{ visibility:visible;} .navYear .cur .subYear li{display:inline-block;} .navYear .cur .subYear li a{display:inline-block;padding:0 15px;font-family:'Arial';font-weight:700;font-size:12px;line-height:34px; letter-spacing:0px; } .navYear .cur .subYear li a:hover, .navYear .cur .subYear li a:focus, .navYear .cur .subYear li.cur a{color:#25a449;} .yearListWrap{margin-top:165px;} .yearList{margin-top:76px;padding-top:64px;border-top:1px solid #c4c4c4;} .yearList .titleArea{margin-bottom:10px;} .yearList .titleArea .year{display:inline-block;font-family:'Arial';font-size:60px;color:#898989;vertical-align:middle; letter-spacing:0px; } .yearList .titleArea .tit{display:inline-block;float:none;margin:25px 0 0 3px;font-size:18px;color:#555;vertical-align:middle;} .yearList .imgArea{overflow:hidden;} .yearList .imgArea li{float:left;margin-left:14px;} .yearList .imgArea li:first-child{margin-left:0;} .yearList .imgArea li .img{ width:267px; height:170px; overflow:hidden;} .yearList .imgArea li .img img { width:100%; height:100%;} .yearList .imgArea li .txt{font-size:12px;padding:8px 0 0 3px;} .yearList .listArea{margin-top:53px;overflow:hidden;font-size:13px;line-height:22px;} .yearList .listArea li{margin-top:18px;} .yearList .listArea li:first-child{margin-top:0;} .yearList .listArea .month{display:inline-block;width:57px;font-family:'Arial';font-weight:700;color:#555;vertical-align:top; letter-spacing:0px; } .yearList .listArea .txt{display:inline-block;width:767px;color:#555;} .yearList:first-child{margin-top:0;padding-top:0;border-top:0;} /* 회사소개 - 그룹소개 */ .groupArea01 .subText02{display:block;} .groupArea01 .groupImg{margin-top:35px;} .groupArea01 .btn{margin-top:20px;text-align:right;} .groupArea01 .btnCom{margin:0;font-size:14px;background-color:#3a3a3a;} .groupList01{height:456px;margin-top:4px;padding-left:205px;background:url('../../images/company/bg_group01.png') no-repeat 0 0;} .groupList01 dt{margin-bottom:7px;font-size:18px;color:#38af59; font-weight:600} .groupList01 dt span{display:inline-block;width:40px;} .groupList01 dd{margin-left:40px;font-size:15px;line-height:20px;} .groupList01 .no01{padding-top:50px;} .groupList01 .no02{padding-top:72px;} .groupList01 .no03{padding-top:73px;} .groupList01 .no02 dt{color:#4db3aa;} .groupList01 .no03 dt{color:#4a7297;} .groupTxt{margin-top:26px;font-size:18px;line-height:24px;font-weight:600;} .groupImg02{margin-top:57px;} /* 회사소개 - Contact Us */ .contactusArea{overflow:hidden;} .contactusArea .listArea{float:right;width:324px;font-size:13px;line-height:24px;} .contactusArea .mapArea{float:left;width:491px;height:268px;border:1px solid #cbcbcb;} .contactusTit{margin-bottom:40px;font-size:34px;font-family: 'Arial';text-transform: uppercase;} .contactusArea .boardListRow tr th:first-child {padding-left:0;text-align:center;} .contactusArea .boardListRow th{padding:10px 0 12px 15px;color:#898989;} .contactusArea .boardListRow td{padding:10px 0 12px 10px;} .contactusArea .list dl{overflow:hidden;margin-top:8px;} .contactusArea .list dl:first-child{margin-top:0;} .contactusArea .list dt{display:block;float:left;width:47px;} .contactusArea .list dd{display:block;float:left;width:170px;vertical-align:middle;} .contactusArea .list .bar{display:inline-block;height:12px;margin-right:10px;line-height:12px;border-right:1px solid #b9b9ba;vertical-align:middle;} .contactusArea .list dd .txt{display:block;padding-left:10px;} .contactusArea .list dd .txt .indent{padding-left:53px;} .btnMapArea{margin:32px 0 -66px; float:right;} .contactusList01{margin-top:30px;} .contactusList01 dt{clear:both;margin-top:37px;font-size:22px; margin-bottom:10px;color:#000} .contactusList01 dd{margin-bottom:11px; font-size:15px;} .contactusList01 dd { padding-left:70px; line-height:1.5em;} .contactusList01 dd span { display:inline-block; width:70px; margin-left:-70px;} .contactusList01 dd.etc { padding-left:50px; line-height:1.5em; } .contactusList01 dd.etc span { display:inline-block; width:50px; margin-left:-50px;} .stab01{text-align:right;} .stab01 li{display:inline-block;margin:20px 0 18px;padding:0 19px;background:url('../../images/common/bar05.gif') no-repeat 0 2px;} .stab01 li:first-child{background:none;} .stab01 li a{font-size:15px;color:#898989;line-height:1;} .stab01 li.on a, .stab01 li a:hover, .stab01 li a:focus{color:#004a80;} .stab01 li.end{padding-right:15px;} .contactusList02{overflow:hidden;margin:0 -1px 0 0;border-top:1px solid #c4c4c4;} .contactusList02 li{position:relative;float:left;width:240px;margin:-1px 0 0 -1px;height:140px;padding:29px 18px 18px 18px;border:1px solid #c4c4c4;} .contactusList02 li:hover, .contactusList02 li:focus{background-color:#eee; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .contactusList02 li.noLine{border-left:0;padding-left:19px;} .contactusList02 li strong{font-size:15px;color:#252525;line-height:18px;} .contactusList02 li p{margin-top:9px;font-size:12px;line-height:16px; text-transform:none !important;} .contactusList02 li .iconMap01{position:absolute;bottom:18px;} .contactusList02 li .iconMap01:hover, .contactusList02 li .iconMap01:focus{text-decoration:underline;} /* SUB - 2. 사업소개 ----------------*/ /* 건설이야기 */ .videoList h4 {font-size:22px;line-height:24px;vertical-align:top;} .videoList h4.iconFilm{margin-top:40px;padding:40px 0 10px 43px;background:url('../../images/prroom/icon_pr.png') no-repeat 0 37px; border-top:1px solid #c4c4c4; color:#313339;} /*.videoList h4.iconFilm:first-child { background-position:0 1px; border-top:0px; padding-top:4px; margin-top:0;} */ .videoList h4.iconFilm.first { background-position:0 1px; border-top:0px; padding-top:4px; margin-top:0;} .videoList .scenarioArea{width:830px;height:96px;margin-top:16px;} .videoList .scenarioArea textarea{width:790px;height:66px;padding:14px 19px;background-color:#f4f4f4;border:1px solid #dfdfdf;resize:none;font-size:13px;line-height:22px;color:#515151;} .videoList .videoArea iframe{background-color:#000;} .videoList .videoArea .titleArea{margin-top:23px;vertical-align:top;} .videoList .videoArea .titleArea strong{display:inline-block;margin-top:5px;text-align:left;font-size:20px; color:#555; padding-bottom:2px;} .videoArea { position:relative;} .videoArea .downloadVideo { position:absolute; left:0px; top:0px; font-size:0px; line-height:0px; z-index:-1px; } /* 사업소개 */ .businessArea{margin-bottom:52px;} .businessArea .textMyeongjo{font-size:32px;margin-bottom:30px;} .businessArea .subText01{font-size:15px;line-height:24px;word-break:keep-all;-ms-word-break:keep-all;} .businessArea .subText01 + .subText01{margin-top:20px;} .businessBox{overflow:hidden;margin-top:19px;} .businessBox li{float:left;margin-left:10px;} .businessBox > li:first-child{margin-left:0;} .businessBox li span{display:table-cell;width:128px;height:48px;border:1px solid #bfbfbf;text-align:center;vertical-align:middle;background-color:#f4f4f4;color:#515151;word-break:normal;-ms-word-break:normal;} .businessBox.boxSize04 li span{width:198px;} .businessBox.boxSize05 li span{width:156px;} .businessList{margin:0px 0 -10px;} .businessList li {overflow:hidden;} .businessList .txtArea {width:235px; max-height:211px; padding:19px 19px 0 19px; overflow:hidden; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .businessList .txtArea .tit{display:block;margin-right:-20px;font-size:15px;line-height:20px;color:#252525;letter-spacing:-1px;} .businessList .txtArea .date{display:block;margin:1px 0 5px;font-size:12px;line-height:20px;color:#313339;font-family:'Arial'; letter-spacing:0px; } .businessList .txtArea .txt{display:block;overflow:hidden;font-size:12px;line-height:18px;color:#363636; letter-spacing:0px;} .businessList .imgArea{width:554px;height:230px; position:relative; overflow:hidden; } .businessList .imgArea img{display:block;width:100%;height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .businessList li a { display:inline-block; vertical-align:top; position:relative;} .businessList .type01 .txtArea, .businessList .type02 .imgArea {float:left;} .businessList .type01 .imgArea, .businessList .type02 .txtArea{ float:right;} .businessList > li > a > img { -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; } .businessList > li > a:focus .imgArea img, .businessList > li > a:hover .imgArea img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .businessList > li .maskBottom { content:"";position:absolute;z-index:3;left:0;top:0px !important;width:100%;height:100%; background:url('../../images/business/imgList_over.png') no-repeat left top; opacity:0; -webkit-transition:all 0.45s ease; -moz-transition:all 0.45s ease; -ms-transition:all 0.45s ease; -o-transition:all 0.45s ease; transition:all 0.45s ease; } .businessList > li > a:focus .maskBottom, .businessList > li > a:hover .maskBottom {opacity:1;} /* SUB - 3. 투자정보 ----------------*/ /* IR */ .manageInfo{position:relative;margin-bottom:20px;background-color:#f1f1f1;border:1px solid #c4c4c4;} .manageInfo .info{overflow:hidden;width:173px;height:40px;padding:28px 29px 0 23px;background-color:#fff;border-top:1px solid #c4c4c4;vertical-align:top;} .manageInfo .info:first-child{border-top:0;float:none;} .manageInfo .info .tit{color:#555;} .manageInfo .info .date{float:right;margin-top:-3px;font-size:18px;font-weight:400;color:#252525;} .manageInfo .capital{position:absolute;top:0;left:225px;width:240px;height:117px;padding:20px 23px 0;border-left:1px solid #c4c4c4;} .manageInfo .capital.no02{left:512px;width:269px;} .manageInfo .capital.no02 .grade{position: absolute;bottom:3px;right:30px;text-align:right;font-size:80px;} .manageInfo .capital .tit{font-size:18px;color:#252525;} .manageInfo .capital .unit{margin-left:5px;} .manageInfo .capital .txt{display:block;margin-top:2px;font-size:13px;} .manageInfo .capital .money{display:block;position:absolute;bottom:13px;font-size:60px;} /* 회사 정관 */ .articlesArea{margin-top:30px;} .articlesArea .titleArea {margin-bottom:10px;} .articlesArea .titleArea .tit{margin-top:19px;} .articlesArea .titleArea .btnCom{margin:10px 0 0;} .articlesArea .articlesList{overflow:hidden; position:relative; height:250px;} .articlesArea .articlesList ul.insideList {float:left;width:135px;} .articlesArea .articlesList .insideList li {border-top:1px solid #c4c4c4;} .articlesArea .articlesList .insideList li a{display:inline-block;padding:7px 8px;font-size:13px;color:#252525;} .articlesArea .articlesList .insideList li .on{color:#008445;} .articlesArea .articlesList .insideList .hideTxt { position:absolute; overflow:visible; font-size:0px; line-height:0px; height:0px; padding:0px;} .articlesArea .articlesList .insideList li:first-child{border-top:0;} .articlesArea .articlesList .articles{ overflow-y:auto;float:right; width:635px;height:204px;padding:12px 19px;background-color:#f1f1f1;border:1px solid #c4c4c4;position:relative;} .articlesArea .articlesList .articles .ticlesIn{width:100%;height:100%;line-height:22px;} .articlesArea .articlesList .space { position:absolute; right:0px; top:0px; width:635px;height:204px;background-color:#f1f1f1;border:1px solid #c4c4c4; padding:20px;overflow-y:auto; display:none;} .articlesArea .articlesList .space.active { display:block;} .articlesArea .articlesList .space { font-size:14px; color:#555; line-height:20px; } .articlesArea .articlesList .space h6 { font-size:18px; color:#555; margin-bottom:30px;} .articlesArea .articlesList .space dt { margin-bottom:5px; font-weight:bold;} .articlesArea .articlesList .space dd { margin-bottom:20px;} .articlesArea .articlesList .space ol { display:block; overflow:hidden; } .articlesArea .articlesList .space li { margin:10px 0; padding:0 0 0 25px; display:block; border:0px;} .articlesArea .articlesList .space li .num { margin-left:-25px; display:inline-block; width:25px;} .articlesArea .articlesList .space h6.etc { margin-bottom:10px;} .articlesArea .articlesList .space .etcTxt { margin-bottom:30px;} .articlesArea .articlesList .space ul.etcTxt li { padding-left:0px;} .articlesArea .articlesList .space ul.etcTxt li p { padding:10px 0 0 10px;} .titleArea{overflow:hidden;margin-bottom:10px;} .titleArea .tit{float:left;} .titleArea .tit.type01{font-size:18px;color:#555;line-height:18px;} .titleArea .txt{float:right;margin-top:6px;font-size:13px;} .titleArea .btnCom{float:right;} .titleArea .selectBoxType01{float:right;width:auto;min-width:130px;} .stockArea01{position:relative;margin-bottom:12px;height:828px;height:357px;border:1px solid #c4c4c4;} .stockArea01 .stockImg{position:absolute;left:0;top:0;} .stockArea01 .stockTxt{position:absolute;right:35px;bottom:53px;z-index:1;text-align:right;color:#555;} .stockArea01 .stockTxt dt{font-size:16px;margin-bottom:-2px;} .stockArea01 .stockTxt dd em{display:inline-block;font-size:50px;font-weight:700;text-align:right;letter-spacing:-1px;} .stockArea01 .stockTxt dd span{display:inline-block;font-size:16px;vertical-align:bottom;margin-bottom:10px;} .stockArea01 .stockTxt .space{margin-top:24px;} .stockArea01 .txt{position:absolute;left:13px;top:11px;z-index:1;} .stockArea02{position:relative;margin-bottom:12px;height:397px;border:1px solid #c4c4c4;} .stockArea02 .txt{position:absolute;left:13px;top:11px;z-index:1;font-weight:600;} .stockList{height:60px;padding:23px 30px 33px;background-color:#f1f1f1;border:1px solid #c4c4c4;font-size:15px;line-height:24px;color:#555;overflow-y:auto;} .directorArea{} .directorArea li{display:inline-block;width:327px;min-height:95px;} .directorArea li .txt{display:inline-block;width:217px;margin:-2px -5px 0 3px;font-size:13px;color:#555;line-height:19px;vertical-align:top;letter-spacing:-1px;} .directorArea li .txt dt{display:block;margin-bottom:1px;font-size:18px;line-height:24px;font-weight:600;} .directorArea li .txt .indent01{padding-left:37px;text-indent:-37px;} .directorArea li .txt .indent02{padding-left:53px;text-indent:-53px;} .directorArea li .people{display:none;width:105px;height:95px; overflow:hidden;} .directorArea li .people img { width:100%;} .directorArea .etc{width:660px;} .directorArea .etc .txt{width:525px;} .manageList{margin-bottom:14px;padding:13px 0 0 40px;line-height:22px;color:#555;} .manageList li{text-indent:-40px;} .manageList .bar{padding-right:12px;background:url('../../images/common/bar06.gif') no-repeat 100% 1px;} .activeWrap{margin-top:18px;padding:0 29px;border:1px solid #c4c4c4;} .activeWrap .manageList{margin-bottom:21px;padding:19px 0 0 40px;} .activeWrap .directorArea{padding:28px 0 27px;border-top:1px solid #ccc;} .activeWrap .directorArea li{width:380px;margin-bottom:20px;} .activeWrap .directorArea li .txt{width:250px;margin:-2px -5px 0 10px;} .activeWrap .directorArea li .txt dt{margin-bottom:2px;font-size:15px;line-height:18px;} .activeWrap .directorArea .etc{width:760px;} .activeWrap .directorArea .etc .txt{width:629px;} .activeWrap .activeArea{margin:0 -29px;} .activeWrap .activeArea .titBox01{overflow:hidden;padding:12px 14px 11px 26px;} .activeWrap .activeArea .titBox01.noLineBox{margin:0;padding:12px 14px 11px 26px;border-top:0;} .activeWrap .activeArea .titBox01.lineBox{margin:0;border-top:1px solid #c4c4c4;background-color:#fff;border-bottom:0;} .activeWrap .activeArea .titBox01.lineBox .tit{margin-top:6px;} .activeWrap .activeArea.active .titBox01.lineBox{border-bottom:1px solid #c4c4c4;} .activeWrap .activeArea .titBox01 .tit{display:inline-block;margin-top:8px;color:#555; font-weight:600;} .activeWrap .activeArea .faqBtn{float:right;height:28px;line-height:28px;} .activeWrap .activeArea .year{display:block;margin-bottom:6px;font-size:32px;font-family: "Arial";font-weight: normal !important; letter-spacing:0px; } .activeWrap .activeList{display:none;padding:32px 19px 38px 29px;background-color:#f6f6f6;color:#555;} .activeWrap .active .faqBtn{background:#555 url('../../images/utill/icon_close.gif') no-repeat 58px 50%;color:#fff;} .activeWrap .active .activeList{display:none;} .activeWrap .active .titBox01{border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;} /*.activeWrap .active .activeList{display:block;}*/ .activeWrap .btn{margin-top:46px;text-align:right;} .activeWrap .btnArea{text-align:left;} .activeWrap .faqBtn02{display:inline-block;width:41px;height: 26px;padding:2px 20px 0 17px;background:#555 url('../../images/utill/icon_close.gif') no-repeat 56px 50% !important;color: #fff !important;border: 0 !important;font-size:12px;font-family: 'Arial';font-weight:600;line-height: 26px;text-transform: uppercase;} .manageGraph01{margin-top:30px;position:relative;width:828px;min-height:307px;border:1px solid #c4c4c4;border-bottom:0;} .manageGraph01 .tit{position:absolute;z-index:2;padding:18px;font-size:14px;} .manageGraph01 .list{position:absolute;padding:0 20px;} .manageGraph01 .list dd{padding:0 0 5px 10px;} .manageGraph01 .graph{position:absolute;z-index:1;height:307px;} .manageGraph02 .graphArea{min-height:367px !important;} .manageGraph02 .graphArea .graph{min-height:314px !important;} /* IR - 재무정보 */ .financialGraph01{overflow:hidden;} .financialGraph01 .graphArea{float:left;width:414px;border:1px solid #c4c4c4;} .financialGraph01 .graphArea:first-child{border-right:0;width:413px;} .financialGraph01 .graphArea .tit{padding:18px;font-size:14px;} .financialGraph01 .graphArea .list{padding:0 20px;} .financialGraph01 .graphArea .list dd{padding:0 0 5px 10px;} .financialGraph01 .graphArea .graph img{width:100%;} .creditRating{overflow:hidden;} .creditRating .ratingArea{float:left;width:414px;border:1px solid #c4c4c4;} .creditRating .ratingArea:first-child{border-right:0;width:413px;} .creditRating .ratingArea .tit{padding:18px;font-size:15px;color:#555;} .activeList .boardList03{margin-bottom:12px;} .activeList .commonList{overflow:hidden;margin-bottom:48px;} .activeList .commonList .tit{font-size:18px;margin:-3px 0 0 0;padding-top:0;border-top:0;color:#252525;} .activeList .commonList .rightArea{float:left;width:630px;} .activeList .commonList .rightArea .txt{margin:-5px 0 26px;line-height:22px;color:#555;} .activeList .commonList:first-child{margin-bottom:79px;} /* IR - IR자료실 */ .tabWrap .irTab02{left:150px;} .tabWrap .irTab03{left:313px;} .tabWrap .irTab01 a{min-width:107px;} .tabWrap .irTab02 a{min-width:160px;padding:0;} .tabWrap .irTab03 a{min-width:152px;padding:0;} /* SUB - 4. 혁신기술 ----------------*/ /* R&센터 */ .tabWrap .rndTab01 a, .tabWrap .rndTab02 a, .tabWrap .rndTab03 a{font-size:14px;line-height:44px;} .tabWrap .rndTab01 a, .tabWrap .rndTab02 a, .tabWrap .rndTab03 a{width:250px;} .tabWrap02 .rndTab01 a:hover, .tabWrap02 .rndTab01 a:focus, .tabWrap02 .rndTab02 a:hover, .tabWrap02 .rndTab02 a:focus, .tabWrap02 .rndTab03 a:hover, .tabWrap02 .rndTab03 a:focus, .tabWrap02 .active .rndTab01 a, .tabWrap02 .active .rndTab02 a, .tabWrap02 .active .rndTab03 a{background-color:#25a449;} .tabWrap02 .rndTab02{left:271px;} .tabWrap02 .rndTab03{left:332px;} .tabTypeEtc { display:block; position:relative;} .tabTypeEtc .tabContBox {} .tabTypeEtc .tabContBox .tabTit a {width:195px;background:none !important;border:0;border-bottom:7px solid #b2c8d9;color:#8da2b9;font-size:16px;line-height:43px; font-weight:600} .tabTypeEtc .active .tabTit a { color:#004a80;border-color:#004a80;} .tabTypeEtc .tabArea02 .tabTit {left:222px; top:0px;} .tabTypeEtc .tabArea03 .tabTit {left:445px;} .tabTypeEtc .tabBox { display:block; height:0px; visibility:hidden;} .tabTypeEtc .tabBox .tabInBox { display:block; margin:0 0 0; overflow:hidden;} .tabTypeEtc .active .tabBox { height:auto; visibility:visible; padding-top:85px;} .txtApi span{display:inline-block;font-size:15px;line-height:22px;color: #252525;vertical-align:top;} .iconApi{display:inline-block;margin:3px 0 0 5px;vertical-align:top;} .linetype01{padding-top:57px;border-top:1px solid #c6c6c6;} .rndcenterList01{margin-top:44px;border-top:1px solid #c6c6c6;} .rndcenterList01 > li:first-child{margin-top:0;} .rndcenterList01 > li:first-child .tit02{padding-top:38px;} .commonList > .etc{margin-top:27px;} .commonList .etc .tit02{margin-top:12px;} .rndList01{overflow:hidden;margin-top:-1px;padding-top:39px;} .rndList01 .no01{float:left;width:230px;} .rndList01 .no02{float:right;width:220px;} .rndList01 .no03{width:100%; line-height:25px; margin-top:30px;} .rndList01 .imgArea{float:left;width:158px;margin:2px 0 0 20px;} .rndList01 .stit{padding-bottom:6px;border-bottom:2px solid #38af59;font-size:20px;color:#38af59; font-weight:600;} .rndList01 .no02 .stit{color:#4b6f8e;border-bottom:2px solid #4b6f8e ;} .rndList01 dd dt, .rndList01 dd li{margin:16px 0 2px;font-size:16px;color:#000;} .rndList01 dd dl{margin-top:-3px;} .rndList01 dd dl dt { font-weight:600;} .rndList01 dd dd{font-size:13px;line-height:18px;color:#555;} .rndList01 dd li{margin:11px 0 14px; font-weight:600;} .rndList02{overflow:hidden;margin:17px 0 40px;} .rndList02 > li{float:left;width:220px;} .rndList02 strong{display:block;margin:20px 0 5px;font-size:16px;color:#555;} .rndList02 ul li{padding-left:10px;background:url('../../images/common/bul01.png') no-repeat 0 50%;line-height:18px;} .rndList02 li.type01{width:330px;} .rndList03{overflow:hidden;margin-top:-1px;padding-top:20px;} .rndList03 .no01{float:left;width:230px;} .rndList03 .no02{float:right;width:220px;} .rndList03 .no03{width:100%; line-height:25px; margin-top:30px;} .rndList03 .no04{width:100%; line-height:25px; margin-top:30px; font-size:12px;} .rndList03 .no04 dd {background:url('../../images/common/bul01.png') no-repeat 0 50%;padding-left:10px;} .rndList03 .no04 dd span{ display:inline-block; width:35px;} .rndList03 .no05{width:100%; line-height:20px; font-size:12px; letter-spacing:0;} .rndList03 .no05 dd span{ display:inline-block; width:40px;} .rndList03 .imgArea{float:left;width:158px;margin:2px 0 0 20px;} .rndList03 .stit{padding-bottom:6px;border-bottom:2px solid #38af59;font-size:20px;color:#38af59; font-weight:600;} .rndList03 .no02 .stit{color:#4b6f8e;border-bottom:2px solid #4b6f8e ;} .rndList03 dd dt, .rndList03 dd li{margin:16px 0 2px;font-size:16px;color:#000;} .rndList03 dd dl{margin-top:-3px;} .rndList03 dd dl dt { font-weight:600;} .rndList03 dd dd{font-size:14px;line-height:18px;color:#555;} .rndList03 dd li{margin:11px 0 14px; font-weight:600;} .rndList04{overflow:hidden;margin-top:-1px;padding-top:20px; background:url('../../images/technology/rnd_work_map.jpg') no-repeat 0 50%; width:100%; height:530px;} .rndList04 .no01{float:left;width:230px;} .rndList04 .no02{float:right;width:220px;} .rndList04 .no03{float:right;width:220px; padding-top:140px;} .rndList04 .no04{float:left;width:330px;padding-top:300px;} .rndList04 .no05{float:right;width:250px; padding-top:140px;} .rndList04 .imgArea{float:left;width:158px;margin:2px 0 0 20px;} .rndList04 .stit{padding-bottom:10px;font-size:20px;color:#248889; font-weight:500;} .rndList04 .no02 .stit{color:#366692;padding-bottom:10px;font-size:20px; font-weight:500;} .rndList04 .no03 .stit{color:#008444;padding-bottom:10px;font-size:20px; font-weight:500;} .rndList04 dd dt, .rndList04 dd li{margin:16px 0 2px;font-size:16px;color:#000;} .rndList04 dd dl{margin-top:-3px;} .rndList04 dd dl dt { font-weight:600;} .rndList04 dd dd{font-size:14px;line-height:20px;color:#555;padding-left:10px;background:url('../../images/common/bul01.png') no-repeat 0 50%;} .rndList04 dd .ball{font-size:14px;line-height:20px;color:#555;padding-left:10px;background:url('../../images/common/bul01.png') no-repeat 0 25%;} .rndList04 dd li{margin:11px 0 14px; font-weight:600;} .rndList05{overflow:hidden;margin-top:-1px;} .rndList05 .no01{float:left;width:230px;} .rndList05 .no02{float:right;width:220px;} .rndList05 .no03{width:100%; line-height:25px; margin-top:30px;} .rndList05 .imgArea{float:left;width:158px;margin:2px 0 0 20px;} .rndList05 .stit{padding-bottom:6px;border-bottom:2px solid #38af59;font-size:20px;color:#38af59; font-weight:600;} .rndList05 .no02 .stit{color:#4b6f8e;border-bottom:2px solid #4b6f8e ;} .rndList05 dd dt, .rndList05 dd li{margin:16px 0 2px;font-size:16px;color:#000;} .rndList05 dd dl{margin-top:-3px;} .rndList05 dd dl dt { font-weight:600;} .rndList05 dd{font-size:15px;line-height:25px;color:#555;padding-left:10px;background:url('../../images/common/bul01.png') no-repeat 0 50%;} .rndList05 dd li{margin:11px 0 14px; font-weight:600;} .rndMap{margin:40px 0 57px;} .labList{margin-top:18px;} .labList li{overflow:hidden;height:174px;margin-top:10px;background-color:#eee;} .labList .txtArea{float:right;width:346px;padding:25px 0 0 43px;} .labList .txtArea .tit{display:block;margin-bottom:5px;font-size:16px;color:#252525; font-weight:600;} .labList .txtArea dd{line-height:20px;} .labList .imgArea{float:left;width:441px;} .labList li:first-child{margin-top:0;} .imgGreen{ margin:26px 0 25px;} .GSICDown { margin:0 0 45px; display:block; text-align:right;} .greenList{margin-top:17px;} .greenList li{overflow:hidden;display:inline-block;width:412px;margin-top:10px;} .greenList .txtArea{float:right;width:228px;padding:0 0 0 28px;font-size:15px;} .greenList .txtArea dt{display:block;margin:0 0 7px;color:#008445;} .greenList .txtArea dd{line-height:22px; letter-spacing:-1px;} .greenList li .imgArea{float:left;width:156px;height:146px;} .btnGreenArea{margin-top:26px;padding-top:30px;border-top:1px solid #c6c6c6;} .btnGreenArea .btnCom{display:inline-block;vertical-align:top;} .btnGreenArea .listArea{display:inline-block;font-size:13px;line-height:18px;vertical-align:top;} .greenList02{margin-top:17px;} .greenList02 li{overflow:hidden;display:inline-block;width:100%;margin-top:10px;} .greenList02 .txtArea{float:right;width:calc(100% - 501px);padding:30px;font-size:15px; background:#eeeeee;height:114px;} .greenList02 .txtArea dt{display:block;margin:0 0 7px;color:#000; font-size:18px; font-weight:bold;} .greenList02 .txtArea dd{line-height:22px; letter-spacing:-1px;} .greenList02 li .imgArea{float:left;width:441px;height:174px;} .greenList02 .txtArea01{float:right;width:calc(100% - 501px);padding:12px 30px;font-size:15px; background:#eeeeee;height:150px;} .greenList02 .txtArea01 dt{display:block;margin:0 0 7px;color:#000; font-size:18px; font-weight:bold;} .greenList02 .txtArea01 dd{line-height:20px; letter-spacing:-1px;} .greenConferenceImg{ width:100%; margin-bottom:50px; display:inline-block;} .greenConferenceImg .poster{ margin:0 auto; width:671px} .greenConferenceImg .poster p{ float:left; margin-right:20px; } .greenConferenceImg .poster p span{ display:block; margin-top:10px; font-size:18px; color:#3c3c3c; text-align:center; font-family:arial; letter-spacing:1px;} /* 혁신기술 - 연구성과 */ .tabWrap .achiveTab01 a, .tabWrap .achiveTab02 a, .tabWrap .achiveTab03 a, .tabWrap .achiveTab04 a {font-size:16px;height:74px;line-height:1;padding:0;} .tabWrap .achiveTab01 a span, .tabWrap .achiveTab02 a span, .tabWrap .achiveTab03 a span, .tabWrap .achiveTab04 a span{display:block;padding:19px 0 5px;font-size:12px;color:#555;} .tabWrap .achiveTab01 a{width:207px;} .tabWrap .achiveTab02 a, .tabWrap .achiveTab03 a, .tabWrap .achiveTab04 a{width:206px;} .tabWrap02 .achiveTab02{left:208px;} .tabWrap02 .achiveTab03{left:415px;} .tabWrap02 .achiveTab04{left:622px;} .tabWrap02 .achiveTab01 a:hover, .tabWrap02 .achiveTab02 a:hover, .tabWrap02 .achiveTab03 a:hover, .tabWrap02 .achiveTab04 a:hover, .tabWrap02 .achiveTab01 a:focus, .tabWrap02 .achiveTab02 a:focus, .tabWrap02 .achiveTab03 a:focus, .tabWrap02 .achiveTab04 a:focus, .tabWrap02 .active .achiveTab01 a, .tabWrap02 .active .achiveTab02 a, .tabWrap02 .active .achiveTab03 a, .tabWrap02 .active .achiveTab04 a{background-color:#25a449;color:#fff;text-shadow:0px 0px 4px #000;} .tabWrap02 .achiveTab01 a:hover span, .tabWrap02 .achiveTab02 a:hover span, .tabWrap02 .achiveTab03 a:hover span, .tabWrap02 .achiveTab04 a:hover span, .tabWrap02 .achiveTab01 a:focus span, .tabWrap02 .achiveTab02 a:focus span, .tabWrap02 .achiveTab03 a:focus span, .tabWrap02 .achiveTab04 a:focus span, .tabWrap02 .active .achiveTab01 a span, .tabWrap02 .active .achiveTab02 a span, .tabWrap02 .active .achiveTab03 a span, .tabWrap02 .active .achiveTab04 a span{color:#fff;} .achiveList01{overflow:hidden;margin-top:52px;} .achiveList01 .tit{float:left;width:140px;margin-top:20px;font-size:14px;color:#252525;} .achiveList01 .txtArea{float:left;width:690px;margin-top:20px;font-size:15px;line-height:24px;} .achiveList01 .txtArea:after{clear:both;} .achiveList01 .line{padding-top:20px;border-top:1px solid #c4c4c4;} .achiveList01 .noSpace{margin-top:0 !important;} .achiveList01 .space01{margin-bottom:10px;} .achiveList01 .space02{margin-bottom:22px;} .achiveList01 .stit{margin:8px 0 15px;font-size:15px;color:#008445;line-height:18px; font-weight:600} .achiveList01 .effectList .stit{margin:40px 0 4px;} .achiveList01 .effectList .line{padding-top:28px;} .achiveList01 .effectList dd{font-size:15px;line-height:22px;} .achiveList01 .imgBox{overflow:hidden;} .achiveList01 .imgBox .effectImgArea{float:left;width:50%;} .achiveList01 .effectImgArea{margin-top:16px;} .achiveList01 .effectImgArea .img{display:inline-block;height:103px;vertical-align:top;} .achiveList01 .effectImgArea .txt{display:inline-block;margin:-2px 0 0 9px;vertical-align:top;line-height:16px; font-weight:600; font-size:13px;} .tecImg { margin:15px 0 0;} /* 혁신기술 - 연구성과 공통 스텝 스타일 */ .stepLayerArea{width:100%;display:block;overflow:visible;position:relative;} .stepLayerArea .listTit{position:absolute;display:inline-block;height:60px;margin-right:-8px;background:url('../../images/technology/bg_stepTechBar01.png') no-repeat left top;text-align:center;font-size:13px;font-weight:700; color:#004a80; letter-spacing:-1px; } .stepLayerArea .listTit .right { display:inline-block;height:60px;margin:0 0 0 15px;padding-right:16px;background:url('../../images/technology/bg_stepTechBar02.png') no-repeat right top;} .stepLayerArea .listTit .left {display:inline-block;min-width:186px;height:60px;padding:0 9px;background:#dae0e4;} .stepLayerArea .futura.fs16{display:block;margin:9px 0 -5px;} .stepLayerArea .listTit a {display:block;color:#004a80; overflow:hidden;} .stepLayerArea .on { background:url('../../images/technology/bg_stepTechBar01_on.png') no-repeat left top; } .stepLayerArea .on a{color:#fff !important;} .stepLayerArea .on .right { background:url('../../images/technology/bg_stepTechBar02_on.png') no-repeat right top; } .stepLayerArea .on .left { background:#004a80; } .stepLayerArea p.on:first-child {background:url('../../images/technology/bg_stepTechBar01_on.png') no-repeat left top;} .stepLayerArea.type02 .listTit .left{min-width:300px;} /* 혁신기술 - 연구성과 - 레이어 공통 */ .stepLayerArea .stepAreaRecruit{margin:0;} .stepLayerArea .imgArea{position:relative;margin:173px 0 0 -145px;} .stepLayerArea .imgArea .img{text-align:right;} .pointerArea a{display:inline-block;position:absolute;width:14px;height:14px;} .stepLayerArea .stepInfo{padding-top:20px;} .stepLayerArea .stepInfo > dl{overflow:hidden;border-top:1px solid #bbb;border-bottom:1px solid #bbb;} .stepLayerArea .boardListRow th{padding:18px 0 16px !important;text-align:center;vertical-align:middle;font-size:15px;line-height:18px;} .stepLayerArea .boardListRow th.pl40{padding-left:40px !important;} .stepLayerArea .boardListRow th .eng{font-family:"Nanum Gothic", ?섎닎怨좊뵓, sans-serif; font-weight:700; } .stepLayerArea .boardListRow td{padding:18px 0 14px 20px;font-size:14px;line-height:18px;} .stepLayerArea .boardListRow .eng{font-weight:400;} .stepLayerArea .boardListRow .energyInfo{position:relative;margin:0 0 6px;} .stepLayerArea .boardListRow .energyInfo dt{margin:5px 0 3px;} .stepLayerArea .boardListRow .energyInfo ul{margin-top:5px;} .stepLayerArea .boardListRow .energyInfo .thumImg span{display:inline-block;margin-left:7px;border:1px solid #c4c4c4;} .stepLayerArea .boardListRow .energyInfo .thumImg{position:absolute;right:0;bottom:0;} .stepLayerArea .energyLayer04 .boardListRow .energyInfo .thumImg{bottom:16px;} .stepLayerArea sub{display:inline-block;margin-top:3px;vertical-align:top;font-size:10px;} .stepLayer{position:absolute;z-index:3;} .stepLayer .stepLayerInner{padding:20px;background:#000;opacity:0.8;font-size:12px;color:#fff;} .stepLayer .stepLayerInner .tit02{font-size:18px;line-height:22px;color:#49b7b6;} .stepLayer .stepLayerInner .tit03{display:block;margin:-8px 0 0;font-size:12px;color:#559bb5;font-weight:400;} .stepLayer .stepLayerInner .dec{display:block;margin:-4px 0 4px;line-height:22px;} .stepLayer .stepLayerInner .txt{line-height:18px;} .layerBg01{padding-left:16px;background:url('../../images/technology/bg_leftLayer.png') no-repeat 0 0;} .layerBg02{padding-bottom:15px;background:url('../../images/technology/bg_bottomLayer.png') no-repeat 0 100%;} .stepLayerWrap{visibility:hidden;height:0;display:block;} .stepLayerWrap.active{visibility:visible;height:auto;} /* 혁신기술 - 연구성과 - 인프라사업 - 가설프로세스 : 케이블 제작 과정 레이어 */ .stepLayerArea .listA01{left:0;top:-173px;} .stepLayerArea .listA02{left:227px;top:-173px;} .stepLayerArea .listA03{left:454px;top:-173px;} .stepLayerArea .listA04{left:0;top:-103px;} .stepLayerArea .listA05{left:227px;top:-103px;} .infraLayerA01{right:35px;top:0;width:280px;background-position:0 51px;} .infraLayerA02{left:-115px;top:38px;width:280px;background-position:180px 100%;} .infraLayerA03{left:15px;top:137px;width:280px;background-position:180px 100%;} .infraLayerA04{left:157px;top:234px;width:280px;background-position:180px 100%;} .infraLayerA05{right:0;top:63px;width:272px;background-position:180px 100%;} /* 혁신기술 - 연구성과 - 인프라사업 - 가설프로세스 : 케이블, 가설 시공 과정 레이어 */ .imgInfraB{height:555px;} .stepLayerArea .listB01{left:0;top:-173px;} .stepLayerArea .listB02{left:341px;top:-173px;} .stepLayerArea .listB03{left:0px;top:-103px;} .stepLayerArea .listB04{left:341px;top:-103px;} .infraLayerB01{left:226px;top:32px;width:280px;background-position:29px 100%;} .infraLayerB02{left:224px;top:95px;width:284px;background-position:29px 100%;} .infraLayerB03{left:384px;top:195px;width:282px;background-position:29px 100%;} .infraLayerB04{left:224px;top:112px;width:260px;background-position:29px 100%;} /* 혁신기술 - 연구성과 - 건축사업 - 기술내용 레이어 */ .stepLayerArea .imgBuilding .listTit{display:inline-block;width:223px;height:60px;background-color:#dae0e4;text-align:center;font-size:15px;font-weight:700; letter-spacing:-1px;line-height:60px;} .stepLayerArea .imgBuilding .listTit.on{background:#004a80 !important;} .stepLayerArea .imgBuilding .listTit a{display:block;width:100%;height:100%;} .stepLayerArea .imgBuilding {height:595px;margin:80px 0 58px 0;} .imgBuilding .listTit{position:absolute;} .imgBuilding .listTitC01{left:0;top:-80px;} .imgBuilding .listTitC02{left:233px;top:-80px;} .imgBuilding .listTitC03{left:466px;top:-80px;} .imgBuilding .stepLayer{right:0;height:466px;vertical-align:bottom;} .imgBuilding .stepInfo{position:absolute;margin-top:500px;} .imgBuilding .stepInfo .boardListRow th{padding:34px 0;vertical-align:middle;} .imgBuilding .stepInfo .boardListRow td{padding:34px 0 34px 20px;height:40px;vertical-align:middle;} /* 혁신기술 - 연구성과 - 바이오가스 정제기술 - 기술 프로세스 레이어 */ .stepLayerArea .imgEnergy{max-height:689px;margin-top:200px;} .stepLayerArea .listD01{left:0;top:-200px;} .stepLayerArea .listD02{left:341px;top:-200px;} .stepLayerArea .listD03{left:0;top:-130px;} .stepLayerArea .listD04{left:341px;top:-130px;} .energyLayer01{left:-114px;top:10px;width:280px;background-position:240px 100%;} .energyLayer02{left:351px;top:-15px;width:250px;background-position:84px 100%;} .energyLayer03{left:337px;top:124px;width:272px;background-position:180px 100%;} .energyLayer04{left:214px;top:187px;width:260px;background-position:180px 100%;} /* 혁신기술 - 연구성과 - 환경사업 - 기술 프로세스 레이어 */ .stepLayerArea .imgEco{max-height:693px;margin-top:240px;} .stepLayerArea .listE01{left:0;top:-240px;} .stepLayerArea .listE02{left:227px;top:-240px;} .stepLayerArea .listE03{left:454px;top:-240px;} .stepLayerArea .listE04{left:0;top:-170px;} .stepLayerArea .listE05{left:227px;top:-170px;} .ecoLayer01{left:43px;top:28px;width:152px;background-position:30px 100%;} .ecoLayer02{left:230px;top:-43px;width:260px;background-position:30px 100%;} .ecoLayer03{left:399px;top:-15px;width:262px;background-position:30px 100%;} .ecoLayer04{left:370px;top:68px;width:240px;background-position:175px 100%;} .ecoLayer05{left:515px;top:27px;width:160px;background-position:84px 100%;} .ecoLayer01 .stepLayerInner{min-height:40px;} .ecoLayer02 .stepLayerInner, .ecoLayer03 .stepLayerInner{min-height:60px;} .ecoLayer04 .stepLayerInner{min-height:80px;} .imgEco .boardListRow th{padding:28px 0;} .imgEco .boardListRow td{padding:28px 0 28px 20px;} .imgEco .pointer01{left:219px;top:128px;} .imgEco .pointer02{left:406px;top:75px;} .imgEco .pointer03{left:575px;top:104px;} .imgEco .pointer04{left:692px;top:207px;} .imgEco .pointer05{left:745px;top:121px;} /* 혁신기술 - 기술대전 */ .techArea .techTit01{font-size:36px;font-family: 'Arial';text-transform: uppercase;} .techArea .techTit02{margin:7px 0 27px;font-size:18px;font-weight:600;line-height:24px;color:#252525;} .techArea .greenTit{margin:12px 0 7px;font-family:'Arial';color:#008445;} .awardList{} .awardList .space{margin-top:11px;} .awardList li{margin-top:-1px;} .awardList .awardTit{margin-left:70px;max-height:38px;padding:15px 16px 15px 0;border:1px solid #c4c4c4;} .awardList .awardTit .icon{display:inline-block;margin:-16px 0 -16px -70px;width:70px;vertical-align:top;} .awardList .awardTit .titleInfo{display:inline-block;width:580px;margin-top:-5px;padding:0 20px;vertical-align:top; font-weight:600} .awardList .awardTit .tit{margin-bottom:6px;font-size:15px;color:#555;line-height:20px;} .awardList .awardTit .company{line-height:18px;} .awardList .awardTit .btnArea{display:inline-block;vertical-align:top;} .awardList .open .awardTit .tit{color:#25a449;} .awardList .open .awardLayer{display:block;} .awardList .awardLayer{display:none;padding:40px 30px 45px;background-color:#f6f6f6;} .awardList .awardLayer .btnArea{margin-top:20px;text-align:center;} .btnPannel, .btnMore02{display:inline-block;height:36px;padding:0 16px 0 20px;border:1px solid #c4c4c4;font-size:13px;line-height:36px;color:#555;} .btnPannel em, .btnMore02 em{display:inline-block;padding-right:26px;background:url('../../images/btn/btn_layer_close.png') no-repeat 100% 50%; font-weight:600} .btnMore02 em{width:45px;text-align:center;} .awardListType .space{display:block;margin-top:11px;} .awardListType.open li{display:block;} .awardListType li{display:none;} .open .btnPannel, .open .btnMore02{background-color:#555;border:0;color:#fff;} .open .btnPannel em, .open .btnMore02 em{background:url('../../images/btn/btn_layer_open.png') no-repeat 100% 50%;} .stepAreaFair{position:relative;height:114px;margin:0;} .etc{ margin-bottom:30px; font-size:14px; line-height:20px; color:#004A80; padding-left:20px;} .etc02{ margin-bottom:30px; font-size:14px; line-height:20px; padding-left:20px;} .stepAreaFair li:first-child{background:none;} .stepAreaFair li:first-child span{margin-left:0;} .stepAreaFair li:first-child em{width:140px;} .stepAreaFair li {background:url('../../images/technology/bg_stepBar01.png') no-repeat left top;font-size:16px; } .stepAreaFair li span {margin-left:10px;background:url('../../images/technology/bg_stepBar02.png') no-repeat right top;} .stepAreaFair li em{width:129px;background-color:#e1e6e9;vertical-align:top;} .stepAreaFair .end span{background:none;padding-right:0;} .stepAreaFair .end em{width:141px;} .stepAreaFair .subTxt{position:absolute;top:53px;width:158px;font-size:14px;color:#91a8b9;line-height:20px;text-align:center; } .stepAreaFair .on .subTxt{color:#004a80;} .lineBoxArea{overflow:hidden;padding:17px 20px 18px;background-color:#f6f6f6;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;} .lineBoxArea .dot{float:left;margin-top:8px;padding-left:12px;background:url('../../images/common/bul05.png') no-repeat 0 50%;font-size:16px;color:#555; font-weight:600} .lineBoxArea .btnArea{float:right;} .lineBoxArea .iconDown02{margin:0 -6px 0 -3px;} /* 수상작 검색 영역 */ .searchRight { float:right;} .searchRight .selectBoxType01 { float:left;} .searchRight.type01 .selectBoxType01 .selectTxt{font-size:12px;font-weight:700 !important;} .searchRight .btnSearch02 { float:right; margin-left:10px;} /* SUB - 5. 지속가능경영 ----------------*/ /* 지속가능경영 - 글로벌위상 */ .global { line-height:24px;} .global > li.mt80{margin-top:55px !important;} .globalTxt { display:block; font-size:15px; margin-bottom:15px;} .globalTxt p { margin-bottom:16px; line-height:24px;} .globalTxt p:first-child { line-height:36px; margin-bottom:20px;font-weight:normal} .globalTxt02 { display:block; font-size:15px; border-bottom:0; margin:0;} .globalTxt02 p{margin-bottom:0;} .globalTxt02 p:first-child{margin-bottom:30px;} .win01{margin-top:-2px;} .win01 dt{margin-bottom:11px;font-size:18px;font-weight:600;line-height:20px;color:#008445;} .win01 dd{margin-bottom:27px;font-size:15px;line-height:20px;} .win01 dd.end{margin-bottom:0;} .imgTxtInfo { display:block; margin:35px 0 10px; font-size:15px; } .twoLogo { display:block; overflow:hidden; margin-top:45px;} .twoLogo:first-child { margin-top:0px;} .twoLogo p { float:left; width:167px;} .twoLogo dl { float:left; width:74%;} .twoLogo dl dt { font-size:18px; color:#555; padding-bottom:3px;} .twoLogo dl dd.eng { color:#008445; font-size:14px; font-weight:600; margin:0 0 8px;text-transform:none;} .twoLogo dl dd { line-height:24px; font-size:15px;} .globalType { display:block; } .globalType dt { font-size:18px; color:#555; font-weight:700; padding-bottom:14px;} .globalType dd { line-height:20px; margin-bottom:25px; position:relative;} .globalType dd .btnCom { position:absolute; left:0px; bottom:-22px;font-family: "Nanum Gothic", ?섎닎怨좊뵓, sans-serif; } /* 지속가능경영 - 상생경영 */ .winWinBox { display:block; overflow:hidden;} .winWinBox dl { padding-left:170px; margin-top:45px; line-height:20px;} .winWinBox dl dt { color:#25a449; font-size:18px; margin-bottom:8px; font-weight:700;} .winWinBox dl.win01 { background:url('../../images/sustainability/img_win01.png') no-repeat left top;} .winWinBox dl.win02 { background:url('../../images/sustainability/img_win02.png') no-repeat left top;} .winWinBox dl.win03 { background:url('../../images/sustainability/img_win03.png') no-repeat left top;} .winWin { display:block; line-height:22px; font-size:15px;margin-top:34px;} .winWin h5, .winWin02 h5{ font-size:14px; letter-spacing:-1px;line-height:20px;} .winWin > li:first-child, .winWin02 > li:first-child{margin-top:0 !important;} .winWin02{ display:block; line-height:22px; font-size:15px;margin-top:5px;} .winWin02 ol.winList li { background:url('../../images/common/bul02.png') no-repeat left 8px; padding-left:10px; margin-top:25px;} .winWin02 ol.winList li:first-child { margin-top:12px !important;} .winWin02 .space{margin-top:-3px;} .winWin02 dl.winList { margin-top:7px;} .winWin02 dl.winList dt { margin-bottom:4px;} .winWin02 dl.winList dd{ background:url('../../images/common/bul02.png') no-repeat left center; padding-left:10px;} /* 지속가능경영 - 윤리경영 */ .faqList.type01{border:0;} .faqList.type01 > li{border:1px solid #c4c4c4;margin-top:-1px;} .faqList.type01 > li .Ssub{ margin-left:20px;} .faqList.type01 > li:first-child{margin-top:0;border:1px solid #c4c4c4;} .faqList.type01 .question{position:relative;} .faqList.type01 .question .txt{width:716px;padding:16px 0 17px 18px;font-size:15px;color:#555; font-weight:600;} .faqList.type01 .faqBtn{position:absolute;top:12px;right:14px;width:45px;height:26px;padding:2px 17px 0 15px;line-height:26px;background: #fff url('../../images/utill/icon_open.gif') no-repeat 56px 50%;} .faqList.type01 .answer{padding:20px;background:none;text-align:left;} .faqList.type01 .answer.bg{padding:0 25px 14px;background-color:#f6f6f6;font-size:15px;line-height:22px;font-weight:400;} .faqList.type01 .answer.bg h6{margin-top:89px;font-size:15px;line-height:22px;color:#555;} .faqList.type01 .answer.bg h6:first-child{margin:25px 0 22px;} .faqList.type01 .answer.bg dt{margin-top:45px;} .faqList.type01 .answer.bg dd{margin-left:20px;} .faqList.type01 .answer.bg dd .faqList.type01 .answer.bg dd > ul{margin-top:21px;} .faqList.type01 .answer.bg dd > ul li{padding-left:15px;text-indent:-15px;} .faqList.type01 .answer.bg .list_2019{padding:5px 0 10px;} .faqList.type01 .answer.bg .list_2019 dt{margin:62px 0 20px 0;font-weight:700; width:100%; text-align:center; font-size:18px;color:#000;} .faqList.type01 .answer.bg .list_2019 dt:first-child{margin-top:21px;} .faqList.type01 .answer.bg .list_2019 dd{margin-left:0; margin-bottom:30px;} .faqList.type01 .answer.bg .list_2019 dd > ul{margin-top:0;} .faqList.type01 .answer .btn{margin-top:46px;text-align:right;} .faqList.type01 .answer .btnArea{text-align:left;} .faqList.type01 .answer .faqBtn02{display:inline-block;width:41px;height: 26px;padding:2px 20px 0 17px;background:#555 url('../../images/utill/icon_close.gif') no-repeat 56px 50% !important;color: #fff !important;border: 0 !important;font-size:12px;font-family: 'Arial';font-weight:600;line-height: 26px;text-transform: uppercase;} .faqList.type02{border:1px solid #c4c4c4;} .faqList.type02 .question{position:relative;} .faqList.type02 .question .txt{width: 716px;padding: 16px 0 17px 18px;font-size:15px;color:#555;} .faqList.type02 .btnArea{} .faqList.type02 .faqBtn{position:absolute;top:12px;right:14px; width:45px;height:26px;padding:2px 17px 0 15px;line-height:26px;background: #fff url('../../images/utill/icon_open.gif') no-repeat 56px 50%;} .faqList.type02 .answer{padding:20px 19px 14px;background:none;background-color:#f4f4f4;font-weight:400;} .faqList.type02 .answer dl{overflow:hidden;} .faqList.type02 .answer dt{float:left;width:45px;margin-top:10px;font-size:15px;color:#555;} .faqList.type02 .answer dd{float:left;width:740px;margin-top:10px;font-size:15px;line-height:24px;min-height:24px;} .faqList.type02 .answer dd .dd01{font-size:16px;color:#004a80;} .faqList.type02 .answer dd:after{clear:both;} .faqList.type02 .answer .btn{margin-top:20px;text-align:right;} .faqList.type02 .answer .btnArea{text-align:left;} .faqList.type02 .answer .faqBtn02{display:inline-block;width:43px;height: 26px;padding:2px 20px 0 15px;background:#555 url('../../images/utill/icon_close.gif') no-repeat 58px 50% !important;color: #fff !important;border: 0 !important;font-size:12px;font-family:'Arial';font-weight:600;line-height: 26px;text-transform: uppercase;} .faqList.type02 .end {border-bottom:1px solid #c4c4c4;} .faqList.type03{margin-top:-10px; border-bottom:1px solid #c4c4c4;} .faqList.type03 li{position:relative;} .faqList.type03 li.noData p { padding:100px 0; text-align:center; vertical-align:middle; height:100px;} .faqList.type03 .question .txt{width:748px;padding:20px 0 20px;font-size:15px;color:#555;} .faqList.type03 .answer.bg{overflow:hidden;padding:5px 0 70px;background-color:transparent;border-top:0;} .faqList.type03 .answer.bg .imgArea{float:left;width:330px;} .faqList.type03 .answer.bg .txtArea{float:left;width:420px;margin-top:-5px;} .faqList.type03 li.active .question .faqBtn{position:absolute;bottom:15px;z-index:3;} .faqList.type04{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2} .faqList.type04 > li{border-top:1px solid #b2b2b2} .faqList.type04 > li:first-child{border:0} .faqList.type04 .question .txt{font-size:18px} .faqList.type04 li.active .answer{background:#F1F1F1;padding:35px 35px 60px;} .sinceInfo{overflow:hidden;padding:34px 25px 47px 30px;background-color:#f9f9f9;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;} .sinceInfo dt{float:left;width:170px;font-size:60px;} .sinceInfo dt span{display:block;margin-bottom:-8px;font-size:16px;color:#000;} .sinceInfo dd{float:left;width:600px;line-height:20px;font-weight:700} .sinceInfo .txt{margin:0 -10px 11px 0;font-size:18px;color:#25a449;line-height:22px;} .ethical {margin-top:13px;} .ethical > li{margin-top:70px !important;} .ethical > li.space01{margin-top:22px !important;} .ethical > li.space02{margin-top:53px !important;} .ethical .textMyeongjo.fs24{margin:-7px 0 7px; font-family:"Nanum Gothic", ?섎닎怨좊뵓; } .ethical .space{margin-bottom:-45px;} .ethical .boardListRow th{letter-spacing:0;text-align:center;vertical-align:middle;} .ethical .boardListRow th:first-child{padding-left:0;} .ethical .boardListRow td{text-align:center;} .ethical .boardListRow .fs22.fc13{padding:22px 0 19px;} .dotList03 li{padding:0 0 7px 10px;background:url('../../images/common/bul02.png') no-repeat 0 6px;} .barList {margin:7px -4px 6px;overflow:hidden;} .barList li{float:left;padding: 0 5px 0 30px;background:url('../../images/common/icon_bar.png') no-repeat 0 50%;font-size:12px; line-height:16px;} .barList li .eng{font-weight:400;} .barList li:first-child{padding-left:0;background:none;} .ideaArea{position:relative;width:100%;height:520px;} .ideaArea .imgArea{position:absolute;left:36px;top:35px;z-index:0;} .ideaArea .list{position:absolute;z-index:1;} .ideaArea .list dt{margin-bottom:7px;font-size:18px;font-weight:600;line-height:20px;} .ideaArea .list li{padding:0 0 5px 10px;background:url('../../images/common/bul03.png') no-repeat 0 6px;} .ideaArea .no02{left:430px;} .ideaArea .no03{top:350px;} .ideaArea .no04{left:430px;top:350px} .ideaArea .no01 dt{color:#248889; } .ideaArea .no02 dt{color:#366692;} .ideaArea .no03 dt{color:#2d768e;} .ideaArea .no04 dt{color:#008444;} .ethicalInfo01{position:relative; margin-left:20px;} .ethicalInfo01 .txt{margin-top:-2px;font-size:15px;line-height:24px;} .ethicalInfo01 .list{margin-top:32px;} .ethicalInfo01 .list li{overflow:hidden;margin-top:24px;} .ethicalInfo01 .list .num{float:left;margin-top:2px;font-size:22px;font-weight:400;} .ethicalInfo01 .list p{float:left;font-size:18px;color:#555;font-weight:600;} .ethicalInfo01 .list p .eng {display:block;margin-top:7px;font-size:13px;color:#555;font-weight:400;} .ethicalInfo01 .imgArea{position:absolute;right:45px;top:25px;} .ethicalInfo01 .list .no01{color:#25a449;} .ethicalInfo01 .list .no02{color:#4db3aa;} .ethicalInfo01 .list .no03{color:#4a7297;} .ethicalInfo02{overflow:hidden;margin-left:20px;} .ethicalInfo02 .list01{float:left;width:495px;font-size:15px;font-weight:600;} .ethicalInfo02 .list01 span{ margin-bottom:20px; } .ethicalInfo02 .list01 li{padding:0 0 0 12px;background:url('../../images/common/bul03.png') no-repeat 0 8px;line-height:22px;font-weight:300;font-size:14px; margin-left:10px;} .ethicalInfo02 .list01 li span{font-weight:300;font-size:12px;} .ethicalInfo02 .list02{float:left;width:335px;margin-top:-11px;font-weight:600;} .ethicalInfo02 .list02 li{padding:0 0 5px 12px;background:url('../../images/common/bul03.png') no-repeat 0 6px;} .ethicalInfo02 .list02 dt{margin:17px 0 6px;font-size:15px;color:#008445;} .ethicalInfo02 .list02 ul{margin-top:16px;} .ethicalInfo02 .etc{clear:both;margin-top:13px;font-size:13px;} .ethicalInfo03{overflow:hidden;margin-left:20px;} .ethicalInfo03 .list span{font-weight:600; margin-top:20px; display:block;} .ethicalInfo03 .list span.first{ margin-top:0px;} .ethicalInfo03 .list li{margin:15px 0 0px 10px;line-height:22px;font-weight:300;font-size:14px;} .ethicalInfo03 .list li.sub{margin:5px 0 0px 30px;line-height:22px;font-weight:300;font-size:14px; } /*윤리경영 - 윤리준칙 탭 */ .ethical02{margin-top: 2px;} /* 지속가능경영 - 공정거래 */ .fairList01{margin-top:0px;} .fairList01 dt{margin-bottom:6px;font-size:15px;font-weight:700;color:#555;} .fairList01 dd{font-size:15px;line-height:24px;} .fairTrade{margin-top:12px;} .fairTrade .dotList03 > li{padding-bottom:4px;font-size:15px;line-height:22px;background-position:0 40%;} .commonList.fairTrade .space01{margin:34px 0 29px;} .fairTrade .space02{margin-bottom:-40px;} .fairTrade .boardList02 th{padding:11px 0 9px;font-size:15px;color:#252525;} .fairTrade .boardList02 td .dotList03{margin-top:8px;} .fairTrade .boardList02 td .dotList03 li{padding-left:10px;font-size:13px;line-height:14px;background-position:0 50%;} .fairTrade .boardList02 td.etc{font-size:13px;line-height:18px;} .operateList{overflow:hidden; padding-bottom:46px;border-bottom:1px solid #c4c4c4;} .operateList .listArea{float:right;width:395px;} .operateList .listArea:first-child{float:left;width:405px;} .operateList .listArea .tit{margin-bottom:19px;font-size:18px;font-weight:400;color:#555;} .operateList .listArea .tit .eng{display:block;margin-bottom:8px;font-size:16px;color:#25a449;} .operateList .listArea .tit span{font-weight:600;} .operateList .listArea .list{border-top:1px solid #c4c4c4;font-size:15px;} .operateList .listArea .list dt{margin-top:24px;line-height:22px; font-weight:600;} .operateList .listArea .list dt:first-child{margin-top:18px;} .operateList .listArea .list dd{margin-top:10px;font-size:15px;line-height:22px;} .operateList .listArea .list dd .dotList03{margin-top:2px;} .operateList .listArea .list dd .dotList03 li{padding-bottom:0;line-height:22px;background-position:0 9px;} /* 지속가능경영 - 품질경영 */ .qualityArea01{margin-top:26px;text-align:center;} .qualityInfo01{overflow:hidden;} .qualityInfo01 dl{float:left;width:610px;} .qualityInfo01 dt{margin:36px 0 19px;} .qualityInfo01 dt:first-child{margin-right:-125px;} .qualityInfo01 .imgArea{float:right;width:220px;margin-top:131px;text-align:right;} .qualityInfo01 .imgArea .btnCom{margin:20px 0 0;padding:0 33px;} .tabWrap .qualityTab01 a, .tabWrap .qualityTab02 a, .tabWrap .qualityTab03 a{min-width:233px; min-height:36px;} .tabWrap .qualityTab03 a{min-width:234px;} .tabWrap .qualityTab02{left:276px;} .tabWrap .qualityTab03{left:552px;} .certificateArea{overflow:hidden;} .certificateArea .tab{float:left;width:170px;margin-top:45px;} .certificateArea .tab li a{font-size:15px;color:#767676;line-height:28px;} .certificateArea .tab .on a, .certificateArea .tab li a:hover, .certificateArea .tab li a:focus{color:#008445;text-decoration:underline;} .certificateArea .info {float:left;width:660px; display:block; height:0px; visibility:hidden;} .certificateArea .info.active { visibility:visible; height:auto;} .certificateArea .info .titleArea{overflow:hidden;margin-bottom:15px;} .certificateArea .info .tit .eng{display:inline-block;font-size:30px;color:#004a80;vertical-align:top;} .certificateArea .info .tit .txt{display:inline-block;font-size:18px;color:#555;vertical-align:top;margin:10px 0 0 5px;} .certificateArea .info .btnRight span{display:inline-block;margin:10px 15px 0 0;} .certificateArea .info .boardListRow th{padding:20px 0 16px 25px;letter-spacing:0;} .certificateArea .info .boardListRow td{padding:14px 0 13px 20px;letter-spacing:0;font-size:13px;color:#767676;line-height:20px;} .certificateArea .info .certificateImg{overflow:hidden;margin-bottom:17px;} .certificateArea .info .certificateImg .txt{float:left;width:265px;margin-bottom:12px;} .certificateArea .info .certificateImg .imgArea{float:right;width:255px;text-align:right;} .certificateArea .info .certificateImg.type01 .txt{float:none;} .certificateArea .info .certificateImg.type01 .imgArea{float:none;width:auto;} /* 품질경영 인증서 */ .certification { display:block; } .certification .tabWrap02 .tabCont .tabInCont { position:relative; padding-top:0px;} /* 지속가능경영 - 안전녹색경영 */ .greeSafty dt{font-size:32px;line-height:36px;margin-bottom:22px;} .greeSaftyInfo01{margin-top:35px;padding-top:37px;border-top:1px solid #c4c4c4;} .greeSaftyInfo01 .tit{font-size:18px !important;font-weight:600;} .greeSaftyInfo01 .info{position:relative;height:340px;margin-top:40px;} .greeSaftyInfo01 .info dl{position:absolute;} .greeSaftyInfo01 .info dt{margin-bottom:5px;font-size:18px;line-height:18px;color:#248889; font-weight:600;} .greeSaftyInfo01 .info li{padding:0 0 0 11px;background:url('../../images/common/bul03.png') no-repeat 0 9px;font-size:15px;line-height:24px;color:#555;} .greeSaftyInfo01 .info .no02 dt{color:#008444;} .greeSaftyInfo01 .info .no03 dt{color:#4a7297;} .greeSaftyInfo01 .info .imgArea{position:absolute;left:87px;top:0;} .greeSaftyInfo01 .info .no01{left:0;top:18px;} .greeSaftyInfo01 .info .no02{left:605px;top:-8px;} .greeSaftyInfo01 .info .no03{left:605px;top:205px;} .greeSaftyInfo02{overflow:hidden;padding-top:30px;border-top:1px solid #dbdbdb;} .greeSaftyInfo02 .txt{float:left;width:580px;margin-top:6px;font-size:15px;line-height:24px;} .greeSaftyInfo02 .txt .space{margin-top:10px;} .greeSaftyInfo02 .imgArea{float:right; margin-right:50px;} /* 지속가능경영 - 품질경영소개 인증서 */ .certificateArea01 { display:block; overflow: hidden; position:relative; padding-top:76px;} .certificateArea01 h5 { position:absolute;left:0;top:0;z-index:1;} .certificateArea01 h5 a { display:inline-block; border:1px solid #000; text-align:center;font-size:13px;line-height:34px;color:#000; padding:0 10px; width:100%; min-width:233px; min-height:36px;} .certificateArea01 h5 a span {font-family:'Arial';text-transform:uppercase;letter-spacing:0px; } .certificateArea01 h5 a.on, .certificateArea01 h5 a:hover, .certificateArea01 h5 a:focus {background-color:#004a80;color:#fff;} .certificateArea01 h5.certifyTab02 { left:276px;} .certificateArea01 h5.certifyTab03 { left:552px;} .certifyTabCont { position:relative; visibility:hidden; height:0; display:block;} .certifyTabCont h6 { font-size:15px;color:#767676;line-height:28px; position:absolute; left:3px; top:0px; width:140px; } .certifyTabCont h6 a.on, .certifyTabCont h6 a:hover, .certifyTabCont h6 a:focus {color:#008445; text-decoration:underline;} .certifyTabCont h6 span { font-family:'Arial';letter-spacing:-1px; } .certifyTabCont h6.list01 { top:40px;} .certifyTabCont h6.list02 { top:68px;} .certifyTabCont h6.list03 { top:96px;} .certifyTabCont h6.list04 { top:121px;} .certifyTabCont h6.list05 { top:149px;} .certifyTabCont h6.list06 { top:177px;} .certifyTabCont h6.list07 { top:205px;} .certifyTabCont h6.list08 { top:233px;} .certifyTabCont h6.list09 { top:261px;} .certifyTabCont h6.list10 { top:289px;} .certifyTabCont h6.list11 { top:317px;} .certifyTabCont h6.list12 { top:345px;} .certifyTabCont h6.list13 { top:373px;} .certifyTabCont h6.list14 { top:401px;} .certifyTabCont h6.list15 { top:429px;} .certifyTabCont.active { visibility:visible; height:auto;} /* 지속가능경영 - 안전녹색경영 인증서 */ .certificateArea02 { display:block; overflow:hidden; position:relative; border-top:1px solid #dbdbdb; padding-top:35px;} .certificateArea02 h5 { font-size:15px;color:#767676;line-height:28px; position:absolute; left:3px; top:0px; width:140px; } .certificateArea02 h5 a.on, .certificateArea02 h5 a:hover, .certificateArea02 h5 a:focus {color:#008445;text-decoration:underline;} .certificateArea02 h5 span {font-family:'Arial';letter-spacing:-1px; } .certificateArea02 h5.list01 { top:80px;} .certificateArea02 h5.list02 { top:108px;} .certificateArea02 h5.list03 { top:136px;} .certificateArea02 h5.list04 { top:164px;} .certificateArea02 h5.list05 { top:192px;} .certificateArea02 h5.list06 { top:220px;} .certificateArea02 h5.list07 { top:248px;} .certificateArea02 h5.list08 { top:276px;} .certificateArea02 h5.list09 { top:304px;} .certificateArea02 h5.list10 { top:332px;} .certificateArea02 h5.list11 { top:360px;} .certificateArea02 h5.list12 { top:388px;} .certificateArea02 h5.list13 { top:416px;} .certificateArea02 h5.list14 { top:444px;} .certificateArea02 h5.list15 { top:472px;} /* 품질 인증서 TAB 리스트 테이블 - 품질경영, 안전녹색경영 인증서 공통테이블 */ .certifyInfo { width:660px; margin-left:170px; position:relative; visibility:hidden; height:0; display:block;} .certifyInfo h6 { margin-bottom:15px; letter-spacing:-1px; text-transform:uppercase; width:400px;} .certifyInfo h6 span {display:inline-block;font-size:30px;color:#004a80;vertical-align:top; font-family:'Arial'; word-spacing:-3px; letter-spacing:0px; } .certifyInfo h6 em {display:inline-block;font-size:18px;color:#555;vertical-align:top;margin:8px 0 0 5px;line-height:18px;} .certifyInfo p.title { margin-bottom:15px; letter-spacing:-1px; text-transform:uppercase; width:400px;} .certifyInfo p.title span {display:inline-block;font-size:30px;color:#004a80;vertical-align:top; font-family:'Arial'; word-spacing:-3px; letter-spacing:0px; } .certifyInfo p.title em {display:inline-block;font-size:18px;color:#555;vertical-align:top;margin:8px 0 0 5px;} .certifyInfo.active { visibility:visible; height:auto;} .certifyInfo .boardListRow{color:#555;} .certifyInfo .boardListRow th{padding:15px 0 14px;letter-spacing:0;text-align:center;line-height:20px;} .certifyInfo .boardListRow th:first-child{padding-left:0;} .certifyInfo .boardListRow td {padding:15px 0 14px 20px;letter-spacing:0;font-size:13px;line-height:20px;} .certifyInfo .boardListRow td .certificateImg{overflow:hidden;margin:6px 0 14px;} .certifyInfo .boardListRow td .certificateImg .txt{float:left;width:265px;margin-bottom:12px;} .certifyInfo .boardListRow td .certificateImg .imgArea{float:right;width:200px;height:289px;margin-top:4px;text-align:right; overflow:hidden; border:1px solid #c8c8c8;} /* width:255px; */ .certifyInfo .boardListRow td .certificateImg .imgArea img { width:100%; height:100%;} .certifyInfo .boardListRow td .certificateImg.type01 .txt{float:none;} .certifyInfo .boardListRow td .certificateImg.type01 .imgArea{float:none;width:auto;} .certifyInfo .downBtn { position:absolute; right:0; top:0px; letter-spacing:-1px;font-weight:600;} .certifyInfo .downBtn a { margin-left:10px; letter-spacing:0px;font-family: 'Arial';} /* 지속가능경영 - 안전녹색경영 경영실적 */ /*2015-10-05 클래스명 변경 시작 */ .faqList.type05{margin-top:0;} .faqList.type05 .question .txt{font-size:15px;} .faqList.type05 .greenSafry{padding:26px 50px 30px 37px;background:none;background-color:#f4f4f4;} .faqList.type05 .greenSafry .list{overflow:hidden;color:#515151;} .faqList.type05 .greenSafry .list dt{float:left;width:130px;margin-top:-1px;line-height:24px;} .faqList.type05 .greenSafry .list dd{float:left;width:610px;margin-bottom:37px;font-size:15px;font-weight:400;line-height:20px;} .faqList.type05 .greenSafry .list dd:after{clear:both;} .faqList.type05 .greenSafry .list .etc01{float:none;clear:both;} .faqList.type05 .greenSafry .list dd.etc01{margin:-3px 0 0 103px;} .faqList.type05 .greenSafry .list .etc02{margin-top:33px;} .faqList.type05 .greenSafry .list dd.etc02 .graph{margin:-15px 0 50px -22px;} .faqList.type05 .greenSafry .list .boardList{border-top:1px solid #c1c1c1 !important;border-bottom:1px solid #c1c1c1 !important;font-size:13px;color:#515151;} .faqList.type05 .greenSafry .list .boardList th, .faqList.type05 .greenSafry .list .boardList .sum td{padding:3px 0 2px;border-bottom:1px solid #c1c1c1 !important;font-size:13px;color:#515151;} .faqList.type05 .greenSafry .list .boardList td{padding:3px 0 1px;border-top:1px solid #c9c9c9 !important;font-weight:400;} .faqList.type05 .greenSafry .list .boardList .txt{font-family: 'Nanum Gothic';font-weight:600;} .faqList.type05 .greenSafry .list .boardList.txtLeft th{padding:8px 0 9px;} .faqList.type05 .greenSafry .list .boardList.txtLeft th, .faqList.type05 .greenSafry .list .boardList.txtLeft td{text-align:left;font-size:14px;color:#515151;} .faqList.type05 .greenSafry .list .boardList.txtLeft td{border-top:0 !important;font-size:12px;} .faqList.type05 .greenSafry .list .boardList.txtLeft .space td{padding-bottom:7px;} .faqList.type05 .greenSafry .list .boardList.txtLeft .space02 td{padding-top:13px;} .faqList.type05 .greenSafry .list .boardList.txtLeft .space03 td{padding-bottom:15px;} .faqList.type05 .greenSafry .list .boardList.txtLeft td.pl06{vertical-align:top;font-size:15px;} .faqList.type05 .greenSafry .list .boardList.txtLeft td.top{vertical-align:top;} .faqList.type05 .greenSafry .list .boardList tr.line td{border-top:1px solid #c1c1c1 !important;} .faqList.type05 .greenSafry .list .etc03{margin-top:13px;} .faqList.type05 .greenSafry .list dd.etc03 .graph{margin:-15px 0 0 -32px;} .faqList.type05 .greenSafry .list .etc04{margin-top:15px;} .faqList.type05 .greenSafry .list dd.etc04{margin-top:20px;} .faqList.type05 .greenSafry .list .etc05{margin-top:15px;} .faqList.type05 .greenSafry .list dd.etc05 p{font-size:14px;margin:-3px 0 18px;} .faqList.type05 .greenSafry .list dd.etc05 p.space01{margin:62px 0 16px;} .faqList.type05 .greenSafry .list dd.etc05 p.txt{margin:20px 0 8px;} .faqList.type05 .greenSafry .list dd.etc05 p.txt02{margin:5px 0;} .faqList.type05 .greenSafry .list dd.etc05 p.txt03{margin:87px 0 5px;} .faqList.type05 .greenSafry .list dd.etc05 div.space02{margin:0 0 5px -41px;} .faqList.type05 .greenSafry .list dd.etc05 .numList{margin-top:20px;} .faqList.type05 .greenSafry .list dd.etc05 .numList li{padding:5px 0 0 15px;border-top:0;text-indent:-15px;font-size:14px;font-weight:400;line-height:18px;} .answer .boardList tr { background-color:#fff;} .answer .boardList tr:hover { background-color:#fff !important;} /* 지속가능경영 - 나눔경영 */ .sharingArea dt{margin-bottom:22px;font-size:32px;line-height:36px;color:#000;} .imgSharing{margin:25px 0 20px;} .commonList.sharing .rightArea .txt{ line-height:22px;color:#555;} .commonList.sharing .rightArea .imgArea{margin-top:35px;} .sharingList01{ } .sharingList01 li{overflow:hidden;margin-top:50px;} .sharingList01 li:first-child {margin-top:0px;} .sharingList01 .type01 dl, .sharingList01 .type02 .imgArea{float:right;} .sharingList01 .type02 dl, .sharingList01 .type01 .imgArea{float:left;} .sharingList01 .type02 .imgArea{text-align:right;} .sharingList01 dl{width:495px;margin-top:-4px;} .sharingList01 .imgArea{width:335px;} .sharingList01 dl .eng{display:block;margin:1px 0 9px;font-size:18px;color:#008445;} .sharingList01 dl .tit{font-size:24px;font-weight:600;color:#000;} .sharingList01 dl .part{color:#555; line-height:30px; display:inline-block;} .sharingList01 dl dd{margin-top:11px;color:#555;line-height:24px;} .sharingBtn{margin-top:35px;} .sharingBtn .btnCom .iconArrow{padding:0 30px 0 9px;background-position:96% 50%;} .sharingList02{margin:0px 0 20px; padding-bottom:20px;} .sharingList02 li {overflow:hidden;margin-top:30px; position:relative;} .sharingList02 li .imgBox { float:left; width:323px; height:160px; position:relative;} .sharingList02 li .imgBox .icon{ position:absolute;left:0;top:0;z-index:1; background-color:#000;} .sharingList02 li a { float:left; display:inline-block; margin-left:22px; max-width:485px;} .sharingList02 li a .title { font-size:18px;line-height:24px;color:#555; } .sharingList02 li a .data { margin:8px 0 26px;font-size:15px; display:block; font-family:'Arial'; letter-spacing:0px; color:#898989; } .tabWrap .sharingTab01 a, .tabWrap .sharingTab02 a, .tabWrap .sharingTab03 a, .tabWrap .sharingTab04 a, .tabWrap .sharingTab05 a, .tabWrap .sharingTab06 a, .tabWrap .sharingTab07 a{min-width:70px;} .tabWrap .sharingTab02{left:113px;} .tabWrap .sharingTab03{left:235px;} .tabWrap .sharingTab04{left:348px;} .tabWrap .sharingTab05{left:466px;} .tabWrap .sharingTab06{left:579px;} .tabWrap .sharingTab07{left:697px;} /* SUB - 7. PR ROOM ----------------*/ .logoImg:after, .sustainabilityList:after{content:"";display:block;clear:both;} /* 공통 리스트 */ .commonList{overflow:hidden;} .commonList > li:first-child{position:relative;} .commonList > li{overflow:hidden;margin-top:40px;} .commonList .tit{float:left;width:135px;padding-top:13px;border-top:1px solid #c4c4c4;font-size:14px;font-weight:700;color :#252525;} .commonList .tit02{float:left;width:135px;font-size:14px;font-weight:700;color :#555;} .commonList .tit .txt{display:block;font-size:12px;} .commonList .rightArea{float:right;width:660px;vertical-align:top;} .commonList .rightArea .text{font-size:15px;line-height:24px;} .commonList dt.textMyeongjo.fs32{margin:-2px 0 12px;} .commonList .space01{margin:-5px 0 15px;} .commonList .space02{margin-top:-5px;} .commonListSpace > li:first-child{position:static;margin-top:18px;} .commonList.commonList2 > li{margin-top:40px} .commonList.commonList2 > li:first-child{margin-top:59px} .commonList.commonList2 .subDesc02{margin:-4px 0 15px;} .commonList02{overflow:hidden;} .commonList02 > li:first-child{position:relative;} .commonList02 > li{overflow:hidden;margin-top:10px;margin-bottom:70px;} .commonList02 .tit{float:left;width:135px;padding-top:13px;border-top:1px solid #c4c4c4;font-size:14px;font-weight:700;color :#252525;} .commonList02 .move_txt{width:220px;padding:0 0 5px 6px;color :#555; display:inline-block; vertical-align:middle; height:57px;} .commonList02 .vision_txt{width:100%;color :#555; display:block; line-height:25px; margin: 20px 0;} .commonList02 .move_img{display:inline-block; margin-bottom:10px;} .commonList02 .tit02{float:left;width:135px;font-size:14px;font-weight:700;color :#555;} .commonList02 .rightArea{float:right;width:660px;vertical-align:top;} .commonList02 .rightArea .text{font-size:15px;line-height:24px;} .commonList02 dt.textMyeongjo.fs32{margin:-2px 0 12px;} .commonList02 .space01{margin:-5px 0 15px;} .commonList02 .space02{margin-top:-5px;} .commonListSpace > li:first-child{position:static;margin-top:18px;} .commonList02.commonList2 > li{margin-top:40px} .commonList02.commonList2 > li:first-child{margin-top:59px} .commonList02.commonList2 .subDesc02{margin:-4px 0 15px;} /* PR ROOM - HDEC */ .tabArea01 h5.iconFilm{margin-top:40px;padding:40px 0 10px 43px;background:url('../../images/prroom/icon_pr.png') no-repeat 0 37px; border-top:1px solid #c4c4c4;} /* .tabArea01 h5.iconFilm:first-child { background:url('../../images/prroom/icon_pr.png') no-repeat 0 1px; border-top:0px; padding-top:4px; margin-top:0;} */ .tabArea01 h5.iconFilm.first { background:url('../../images/prroom/icon_pr.png') no-repeat 0 1px; border-top:0px; padding-top:4px; margin-top:0;} .tabArea01 .scenarioArea{width:830px;height:96px;margin-top:16px;} .tabArea01 .scenarioArea textarea{width:790px;height:66px;padding:14px 19px;background-color:#f4f4f4;border:1px solid #dfdfdf;resize:none;font-size:13px;color:#515151;line-height:22px; } .tabArea01 .videoArea iframe{background-color:#000;} .tabArea01 .videoArea .titleArea{margin-top:22px;vertical-align:top;} .tabArea01 .videoArea .titleArea strong{display:inline-block;margin-top:6px;text-align:left;font-size:20px; color:#555; padding-bottom:2px;} /* PR ROOM - 현대건설 - 인쇄광고, hyundai e&c today */ .adList{overflow:hidden;width:885px;margin:44px 0 -49px -55px;} .adList li{position:relative;float:left;width:240px;height:390px;margin:0 0 45px 55px;} .adList li img{width:240px;height:350px;background:url('../../images/prroom/no_img.gif') no-repeat 0 0;} .adList .adImg{position:relative;display:block;width:238px;height:350px; background:url('../../images/prroom/no_img.gif') no-repeat 0 0; border:1px solid #c8c8c8} .adList .adImg img{width:100%;height:100%; } .adList .adImg span{display:none;} .adList .adImg:hover span, .adList .adImg:focus span {display:block;position:absolute;left:0;top:0;z-index:1; height:97.5%; color:transparent;border:4px solid #fff;} .adList p.img { width:240px; height:350px;} .adList p.img img { width:100%; height:100%;} .adList p{height:27px;overflow:hidden;margin:17px 0 5px;} .adList p a{font-size:20px;font-weight:700;color:#555;} .adList p.txt{margin:0;} .adList.type{margin:30px 0 -43px -55px;} .adList.type img{background:none;} .adList.type li{height:403px;margin:0 0 43px 55px;} .adList.type .vol{display:block;margin:17px 0 1px;font-size:12px;color:#7d7d7d; font-weight:bold;} .adList.type li > a.on { border:1px solid #000 !important;} .adList.type li > a:hover { border:1px solid #000;} .titleArea02{overflow:hidden;} .titleArea02 h5{float:left;margin-top:-2px;} .titleArea02 a { vertical-align:middle; margin:2px 0 0 20px;} .titleArea02 .boardSearch{float:right;margin-top:4px;} .titleArea02 .boardSearch .searchBox{margin:0;} /* PR ROOM - 현대건설 - CI소개 */ .tabWrap .fileTab01 a, .tabWrap .fileTab02 a, .tabWrap .fileTab03 a, .tabWrap .fileTab04 a{padding:0;width:158px;} .tabWrap .fileTab02{left:159px;} .tabWrap .fileTab03{left:318px;} .tabWrap .fileTab04{left:477px;} .ciArea dt{margin:-3px 0 13px;font-size:18px;line-height:22px;font-weight:600;color:#252525;} .signatureImg{margin:28px 0 30px 170px; } .ciList .tit{color:#333;} .ciList .mt60{margin-top:60px !important;} .ciList .subText01 + .subText01{margin-top:10px;} .signature {margin-bottom:15px;padding:0 0 43px 207px;background-color:#f6f6f6;border:1px solid #b8b8b8;text-align:left;} .signature img{display:block;margin-top:40px;} .colorSystem{margin-top:41px;font-family:'Arial';font-weight:700;text-transform:uppercase; letter-spacing:0px; } .colorSystem dt.mt30{margin-top:33px !important;} .colorSystem dt{font-size:18px;line-height:22px;color:#313131;} .colorSystem dd{margin-top:10px;font-size:13px;line-height:14px;color:#252525;} .colorSystem dd .box{width:100%;height:70px;} .colorSystem dd .box span{display:inline-block;padding:13px 0 0 13px;} .colorSystem .bg01{background-color:#00a651;} .colorSystem .bg02{background-color:#0c4da2;color:#fff;} .colorSystem .bg03{margin-top:10px;background-color:#fdb813;} /* PR ROOM - 힐스테이트 */ .imgHillstate{margin:0 0 20px 170px;} .hillList > li{margin-top:50px;} .hillList > li.mt50{margin-top:70px !important;} .hillList .list01 dt{font-size:18px;font-weight:700;line-height:22px;color:#333;} .hillList .list01 dd{margin-bottom:31px;} .identList{margin-bottom:65px;} .identList li{overflow:hidden;margin-top:20px;} .identList li:first-child{margin-top:0;} .identList li .txtArea{float:right; width:356px} .identList li .txtArea dl{} .identList li .txtArea dl dt{font-size:18px; margin:-2px 0 9px; font-weight:bold; letter-spacing:-1px;text-transform : capitalize;} .identList li .txtArea dl dd{font-size:15px;line-height:24px;word-spacing:-1px;} .identList li .imgArea{float:left; width:304px;} .imgHillstate02 img{display:block;} .imgHillstate02 .linkType01{margin-top:12px;} /* PR ROOM - 현대건설배구단 */ .volleballList{position:relative;margin:14px 0 57px;vertical-align:top;} .volleballList .textMyeongjo{margin-bottom:23px;font-size:32px;} .volleballList .subText01{} .volleballList .space01{margin-bottom:20px;} .volleballList .imgArea{position:absolute;right:0;top:45px;} .familysiteList{margin-top:24px;} .familysiteList li{display:inline-block;width:408px;margin-left:9px;} .familysiteList li:first-child{margin-left:0;} .familysiteList .linkCom{margin-top:7px;} /* PR ROOM - 자료실 */ .fileSpace01{margin-bottom:19px;} .fileTitArea dt{font-size:34px;font-weight:700;color:#313131;font-family: 'Arial';text-transform: uppercase;} .fileTitArea dd{margin:7px 0 0;font-size:18px;font-weight:600;line-height:24px;text-transform: uppercase;} .fileTitArea dt.tit{font-size:26px;font-weight:700;color:#313131;text-transform: uppercase;font-family:"Nanum Gothic", '나눔고딕', sans-serif;} /* PR ROOM - 자료실 - BROCHURE */ .brochureList dt{margin-bottom:26px;font-family:'Arial';font-size:44px;color:#333;text-transform:uppercase; letter-spacing:0px; } .brochureList dt span{display:block;margin-top:-3px;font-size:20px;} .brochureList dd .prroomTxt{margin-top:-6px;} .brochureList dd .btnArea{margin-top:26px;} .brochureList dd .btnArea a{margin-left:4px;} .brochureList dd .btnArea a:first-child{margin-left:0;} /* PR ROOM - 자료실 - ANNUAL REPORTS - SUSTAINABILITY REPORT */ .searchSpace{margin:14px 0 19px;} .linkDown{display:inline-block;padding-left:22px;background:url('../../images/btn/btn_download05.png') no-repeat 0 50%;font-family:'Arial'; letter-spacing:0px; } .linkDown a{color:#555 !important; } .linkDown a:hover, .linkDown a:focus{text-decoration:underline;} .imgList{height:auto;margin-top:37px;vertical-align:top;} .imgList .txtArea{float:right;width:525px;margin-top:5px;vertical-align:top;} .imgList .txtArea > span{font-size:15px;font-weight:600;} .imgList .txtArea .text{display:block;margin:4px 0 110px;font-size:24px;font-weight:700;color:#555; line-height:38px;} .imgList .txtArea .btnCom{margin-left:22px} .imgList .txtArea .selectBoxType01, .imgList .txtArea .bntCom{vertical-align:top;} .imgList .txtArea .selectBoxType01{margin-top:6px;} .imgList .imgArea{float:left;width:305px;vertical-align:top;} /* UTILL - LAYOUT */ .noTopImg .contvVsual { height:80px;} .noTopImg .content { margin-top:-360px;} .utilBg {background:url('../../images/utill/bg_utill01.png') no-repeat 100% 0;} .ddrBg {background:url('../../images/utill/ddr_bg.png') no-repeat 100% 0 ;} .utillDesc{margin:5px 0 16px;font-size:24px;font-weight:700;line-height:30px;color:#252525;} /* prRoom 70년 */ .imgList .txtArea70{float:right;width:525px;margin-top:5px;vertical-align:top; background:#eeeeee;} .imgList .txtArea70 > span{font-size:15px;font-weight:600;} .imgList .txtArea70 .text{display:block;margin:4px 0 0px;font-size:24px;font-weight:700;color:#555; line-height:38px;} .imgList .btnCom{margin:0px 0 0 65px;} .imgList .txtArea70 .selectBoxType01, .imgList .txtArea70 .bntCom{vertical-align:top;} .imgList .txtArea70 .selectBoxType01{margin-top:6px;} .imgList .imgArea{float:left;width:269px;vertical-align:top; margin-bottom:10px;} .imgList .Rmargin{margin-right:9px;} .imgList .imgArea img{margin-bottom:10px;} .imgList .imgArea p{ width:269px; height:40px; margin: 10px 0 10px 0;color:#444; font-size:18px; font-weight:bold; text-align:center;} .faqList.search_line{border-top:2px solid #fff;border-bottom:1px solid #aaa; } .faqList.search_line01{border-top:2px solid #fff; border-bottom:1px solid #fff;} .faqList .search_btn01{ width:100%; height:50px;border-bottom:1px solid #aaa; display:inline-block; margin-top:20px;} .faqList .search_btn{width:104px;padding:0 8px 0 8px; float:right; margin:10px 0 20px 0;} .faqList .search_btn a{width:104px;padding:0 8px 0 8px; float:right;line-height:30px;display:block;} .faqList .question70 span{display:table-cell;text-align:left;vertical-align:middle; border-top:2px solid #000;} .faqList .question70 .category{width:95px;padding-left:20px;background-color:#f9f9f9;font-size:15px;font-weight:700;} .faqList .question70 .txt{width:100%;padding:8px 0 8px 0;line-height:1.4;} .faqList .question70 .txt > span{padding:0px 8px 0px 8px;background:url('/KR/images/utill/icon_question.png') no-repeat 10px 50%;font-size:13px;vertical-align:middle;} .faqList .question70 .txtSize02{width:750px;} .faqList .question70 .btnArea{width:100px;font-weight:600; } .faqList .question70 input{text-placeholder:#aaa;} .faqList .answer70{position:relative;display:none;font-size:13px;line-height:24px; padding-bottom:20px; } .faqList .answer70_b{position:relative;font-size:13px;line-height:24px;} .faqList li.active .question70 .faqBtn70{background:#fff url('/KR/images/utill/icon_detail_on.jpg') no-repeat 80px 50%;color:#555;border:0;} .faqList li.active .answer{min-height:60px;} .faqBtn70{font-family:"Nanum Gothic", '나눔고딕', sans-serif; display:inline-block;width:80px;height:30px;padding:0 0px 0 15px;background:url('/KR/images/utill/icon_detail.jpg') no-repeat 80px 50%;font-size:15px;text-transform:uppercase;color:#555;line-height:30px; letter-spacing:0px; } .no_copy{font-family:"Nanum Gothic", '나눔고딕', sans-serif; letter-spacing:0px; line-height:18px; font-size:12px; margin:20px 0 -15px 20px; } .no_copy span{ font-weight: bold;} .faqList .greenSafry70{background:none;} .faqList .greenSafry70 span{border-bottom:1px solid #e1e1e1;display:block;width:100%;padding:15px;} .faqList .greenSafry70 ul{ list-style-type:none;display:block;padding-bottom:20px;} .faqList .greenSafry70 li{ font-size:13px; font-weight:600; float:left; list-style:none; width:130px;} .faqList .greenSafry70 li.tit{ color:#aaaaaa; padding-left:30px;} .faqList .greenSafry70 span.like{display:block;width:100%;padding:15px;border-bottom:1px solid #fff; padding-bottom:50px;} .faqList .greenSafry70 .like ul{ list-style-type:none;display:block;padding-bottom:20px;} .faqList .greenSafry70 .like li{ font-size:13px; font-weight:600; float:left; list-style:none; width:130px;} .faqList .greenSafry70 .like li.search2{ font-size:13px; font-weight:600; float:left; list-style:none; width:140px;} .faqList .greenSafry70 .like li.tit{ color:#aaaaaa; padding-left:30px;width:130px;} .faqList .greenSafry70 .like ul{padding-bottom:20px;} .faqList .greenSafry70 .like ul.jul2{ list-style-type:none;display:block;padding:20px 0 10px 160px; } .faqList .greenSafry70 .like ul.jul2 li{ font-size:13px; font-weight:600; float:left; list-style:none; width:130px;} .faqList .greenSafry70 .like ul.jul2 li.search2{ font-size:13px; font-weight:600; float:left; list-style:none; width:260px;} .faqList .greenSafry70 .like ul.jul2 li.search3{ font-size:13px; font-weight:600; float:left; list-style:none; width:90px;} .faqList .greenSafry70 .stit{display:inline-block;;margin-top:2px;letter-spacing:-1px;vertical-align:top; font-size:14px;} .boxSearch70 {margin-bottom:0px; } .boxSearch70 .outer{position:relative;} .boxSearch70 .inner{border:6px solid #e1e1e1;padding:0 15px;} .boxSearch70 .textType{width:95%;height:35px;line-height:35px;padding:0;background-color:transparent;border:0;font-size:18px;color:#000;} .boxSearch70 .btnSearch{position:absolute;right:23px;top:10px;width:26px;height:26px;background:url('../../images/btn/btn_boxSearch.png') no-repeat 0 0;border:0;color:transparent;cursor:pointer;} .boxSearch70 .txt{margin-top:8px;font-size:15px;color:#555;} /* 70년 사사 TAB WRAP */ .tabWrap70y {position:relative;height:auto;} .tabWrap70y h5.subTit02 { letter-spacing:-2px;} .tabWrap70y .tabTit {position:absolute;left:0;top:0;z-index:1;} .tabWrap70y .tabTit a { min-width:140px; height:34px;border:1px solid #000;text-align:center;font-size:13px;line-height:34px;color:#000; padding:0 14px;} .tabWrap70y .tabTit a:hover, .tabWrap70y .tabTit a:focus {background-color:#004a80;color:#fff; text-decoration:none !important;} .tabWrap70y .tabTit .eng{font-family:'Arial';letter-spacing:0px; } .tabWrap70y .tabTit a{display:inline-block;width:100%;height:100%;} .tabWrap70y .tabTit a.active {background-color:#004a80;color:#fff;} .tabWrap70y .tabCont .tabInCont { height:auto; visibility:visible; position:relative; } .tabWrap70y .peopleTab02{left:208px;width:176px;} .tabWrap70y .peopleTab03{left:413px;} .tabWrap70y .peopleTab04{left:621px;} .tabWrap70y .peopleTab05{top:35px;width:179px;} .tabWrap70y .peopleTab06{left:208px; top:35px;width:176px;} .tabWrap70y .peopleTab07{left:413px; top:35px} .tabWrap70y .peopleTab08{left:621px; top:35px;} .tabWrap70y .peopleTab01 a, .tabWrap70y .peopleTab02 a, .tabWrap70y .peopleTab03 a, .tabWrap70y .peopleTab04 a, .tabWrap70y .peopleTab05 a, .tabWrap70y .peopleTab06 a, .tabWrap70y .peopleTab07 a, .tabWrap70y .peopleTab08 a {min-width:149px;} .tabWrap70 { margin-top:0px;} .tabWrap70 .tabCont {visibility:hidden;display:block;height:0;padding-top:10px;} .tabWrap70 .tabCont .tabTypeEtc {visibility:hidden;display:block;height:0;} .tabWrap70 .tabCont .tabInCont { visibility:inherit; position:static; } .tabWrap70 .active .tabCont {visibility:visible;height:auto;} .tabWrap70 .active .tabCont .tabTypeEtc {visibility:visible; height:auto;} .tabWrap70 .active .tabTit a{ background-color:#004a80;color:#fff;} /* UTILL - FAQ */ .faqList{margin-top:30px;border-top:2px solid #252525;border-bottom:2px solid #252525;} .faqList > li{border-top:1px solid #aaa; } .faqList > li:first-child{border-top:0;} .faqList .question span{display:table-cell;text-align:left;vertical-align:middle;} .faqList .question .category{width:95px;padding-left:20px;background-color:#f9f9f9;font-size:15px;font-weight:700;} .faqList .question .txt{width:748px;padding:25px 0 23px 0;line-height:1.4;} .faqList .question .txt > span{padding:0px 19px 0px 41px;background:url('../../images/utill/icon_question.png') no-repeat 10px 50%;font-size:15px;vertical-align:middle;} .faqList .question .txtSize02{width:750px;} .faqList .question .btnArea{width:80px;font-weight:600;} .faqList .answer{position:relative;display:none;padding:35px 59px 40px 148px;background:#f1f1f1 url('../../images/utill/icon_answer.png') no-repeat 49px 39px;border-top:1px solid #aaa;font-size:15px;line-height:24px;} .faqList .answer .btnRight{position:absolute;right:20px;bottom:20px;} .faqList .answer .btnRight .btnCom{min-width:auto;} .faqList .answer .bar{display:inline-block;height:13px;width:2px;margin:6px 8px 0 10px;font-size:0;background:url('../../images/common/bar08.gif') no-repeat 0 50%;vertical-align:top;} /*.faqList li.active .answer{display:block;}*/ .faqList li.active .question .faqBtn{background:#555 url('../../images/utill/icon_close.gif') no-repeat 58px 50%;color:#fff;border:0;} .faqList li.active .question .faqBtn.btnColor{background:#fff url('../../images/utill/icon_close02.gif') no-repeat 58px 50%;color:#555;} .faqList li.active .answer{min-height:60px;} /* UTILL - 1:1상담센터 */ .centerSpace01{margin:13px 0 25px;} .centerSpace02{margin:40px 0 5px;} .centerSpace03{margin:26px 0 50px;} .centerSpace04{margin:36px 0 13px;} .customerDes{font-size:18px;font-weight:600;line-height:24px;margin:14px 0 36px;} .btnLine .btnGo{margin-right:4px;} .infoArea{width:100%;margin-top:20px;} .infoArea textarea{width:790px;height:186px;padding:16px 19px;background-color:#f1f1f1;border:1px solid #dfdfdf;resize:none;font-size:13px;font-weight:700;color:#555;line-height:20px;} /* UTILL - 1:1상담센터 - 개인정보 취급방침 동의 */ .chkBox{ margin-bottom:20px; font-weight:bold;} .chkBox p { font-size:12px; line-height:20px; font-weight:lighter; } .chkbox02{margin:0 5px 0 10px;} .utillStep{margin:36px 0 30px;} .utillStep li{font-size:14px;} .utillStep li:first-child{background: url('../../images/popup/bg_stepBar01.png') no-repeat left top;} .utillStep li.on:first-child{background: url('../../images/popup/bg_stepBar01_on.png') no-repeat left top;} .utillStep li em{min-width:172px;} .utillStep li:first-child em{min-width:174px;} /* UTILL - 1:1상담센터 - 3. 신청완료 */ .endApply{margin:64px 0 30px;padding:70px 0 96px;background:url('../../images/utill/bg_chk.png') no-repeat 50% 0;border-bottom:3px solid #c4c4c4;text-align:center;} .endApply .txt01{margin-bottom:9px;font-size:32px;line-height:40px;font-weight:700;color:#004a80;} .endApply .txt02{font-size:15px;line-height:22px;} .formLine01{margin-bottom:30px;border-bottom:3px solid #c4c4c4;} .formType01 .dotList{margin:15px 0 30px 119px;} .formType01 .dotList li{padding-left:12px;background:url('../../images/common/bul01.png') no-repeat 0 50%;line-height:24px;} .btnSize01{width:129px;padding:0;} .endApply.type01{padding:60px 0 72px;background:none;border-top:3px solid #c4c4c4;} .endApply.type01 .tit{font-size:36px;color:#898989;} .endApply.type01 .tit .icon{padding-left:50px;background:url('../../images/popup/bg_chk02.png') no-repeat 0 50%;} .endApply.type01 .txt01{margin:20px 0 11px;font-size:24px;line-height:28px;} .endApply.type01 .txt02{font-size:14px;line-height:18px;} .stepWrap01{border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;} .stepWrap01 .tit, .stepWrap02 .tit, .stepWrap03 .tit, .stepWrap04 .tit{padding:7px 0 19px !important;font-size:18px !important;font-weight:700;color:#252525;} .stepWrap01 .tit span, .stepWrap02 .tit span, .stepWrap03 .tit span, .stepWrap04 .tit span{color:#25a449;} .stepWrap01 .formType01 > li, .stepWrap02 .formType01 > li, .stepWrap03 .formType01 > li, .stepWrap04 .formType01 > li, .stepWrap02 .selectBoxType02 select, .stepWrap02 .selectBoxType02 select, .stepWrap01 .boardListRow{font-size:15px !important;font-weight:400 !important;} .stepWrap01 .boardListRow th{padding:15px 0 16px 20px;font-weight:400;} .stepWrap01 .boardListRow td{padding:15px 0 16px 20px;font-weight:400;} .stepWrap01 .btnCom, .stepWrap02 .sbtn, .stepWrap02 .btnCom, .stepWrap03 .btnCom, .stepWrap04 .formType01 .sizeEmail{font-size:12px;} .stepWrap02 .btnCenter {margin-top:20px;} .titQuestion{margin:38px 0 19px;padding-left:27px;background:url('../../images/utill/icon_question.png') no-repeat 0 52%;font-size:15px;font-weight:700;color:#555;} .titAnswer{margin:38px 0 19px;padding-left:27px;background:url('../../images/utill/icon_Answer2.png') no-repeat 0 52%;font-size:15px;font-weight:700;color:#555;} .noticeArea{margin-bottom:0px;width:766px;height:168px;padding:25px 30px;background-color:#eee;font-size:15px;line-height:24px;} /* UTILL - 개인정보취급방침 */ .spacePrivacy01{margin-top:12px;} .privacyList{font-size:15px;font-weight:400;line-height:22px;color:#555;} .privacyList .rightArea ul{list-style-type:none !important;} .privacyList .rightArea p, .privacyList .dotList019 dd{word-break:keep-all;-ms-word-break:keep-all;} .privacyList .textMyeongjo{font-weight:400;} .privacyList .space01{margin:-3px 0 5px !important;} .privacyList .space02{margin:-3px 0 27px !important;} .privacyList .space03{margin-bottom:27px !important;} .privacyList .space04{margin:16px 0 7px !important} .privacyList .space05{margin:36px 0 7px !important} .privacyList .space06{margin:0 0 32px !important} .privacyList .space07{margin-bottom:25px !important} .privacyList .space08{ margin-bottom:46px !important;} .privacyList .space09{ margin-bottom:43px !important;} .privacyList .space10{ margin-top:33px !important;} .privacyList .space11{ margin:-3px 0 2px !important;} .privacyList .space01.fs26, .privacyList .space06.fs26{margin-top:0px !important;letter-spacing:-2px;font-weight:600;color:#252525;} .privacyList .text{margin-bottom:0;} .privacyList ul{list-style-type:none !important;} .privacyList .dotList019 li{padding-left:10px;background:url('../../images/common/bul02.png') no-repeat 0 8px;} .privacyList .dotList019 dt{padding-left:10px;background:url('../../images/common/bul02.png') no-repeat 0 8px;} .privacyList .dotList02 li{padding-left:11px;background:url('../../images/common/bul03.png') no-repeat 0 8px;line-height:24px;} .privacyList .dotList02 li.space{margin-bottom:9px;} .privacyList .dotList019 dt{display:block;} .privacyList .dotList019 dd{margin-left:12px;} .privacyList .dotList019 dd.space01{margin:5px 0 27px 12px !important;} .privacyList .linkMail, .privacyList .link {color:#898989;} .privacyList .list p{margin:10px 0 0 12px;} .privacyList ul{list-style-type:none !important;} /* UTILL - 법적고지 */ .numList{margin-top:55px;} .numList li{overflow:hidden;padding-top:35px;border-top:1px solid #c4c4c4;} .numList li:first-child{padding:35px 0;} .numList li span.num{float:left;display:block;width:8%;font-size:18px;font-weight:700;color:#25a449;} .numList li span.txt{float:left;display:block;width:90%;font-size:15px;line-height:24px;word-break:keep-all;-ms-word-break:keep-all;} /* 인재채용 - 직무소개- LAYOUT */ .noTopImg02 .content{ margin-top:43px;} .noTopImg02 #lnb{top:0;} .recruitSliderWrap {width:100%;min-width:1000px;overflow:hidden;height:694px;position:relative;text-align:center;} .recruitSliderWrap .textArea {position:absolute;z-index:5;left:52%;top:80px;margin-left:-444px;text-align:left;font-size:20px;color:#252525; background:url('../../images/common/blt_bar04.gif') no-repeat; left top; padding-top:25px;}/* 2015-11-16 */ .recruitSliderWrap .textArea .futura { font-size:14px; font-weight:600; margin-bottom:7px;} .recruitSliderWrap .slider {display:inline-block;width:890px;}/* 2015-11-16 text-align:right; */ .recruitSliderWrap .slider .inbox {display:inline-block;position:relative;width:93px;height:66px;margin-left:7px;} .recruitSliderWrap .slider .inbox .thum {display:inline-block;position:absolute;left:0;top:558px;z-index:5;} .recruitSliderWrap .slider .inbox .thum a {width:93px;height:66px;position:relative;display:block;} .recruitSliderWrap .slider .inbox .thum a img {width:93px;height:66px;} .recruitSliderWrap .slider .inbox .thum a span { position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);text-align:center;background:url('../../images/recruit/bg_slider_over.png') no-repeat left top; font-size:14px;display:table-cell;color:#ffffff;font-weight:700;letter-spacing:-0.05em;width:93px;height:66px;padding-top:15px;display:none; } .recruitSliderWrap .slider .inbox .thum.active a span {opacity:0.9;filter:alpha(opacity=90);display:block;} .recruitSliderWrap .slider .bigimg { position:absolute;z-index:3;left:0;top:0;width:100%;height:694px;text-align:center;background:#ebe9e7;background-repeat:no-repeat;background-position:center center;opacity:0;filter:alpha(opacity=0); -webkit-transition:all 1.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .recruitSliderWrap .slider .bigimg a {display:inline-block;margin-top:274px;} .recruitSliderWrap .slider .bigimg .blind {position:absolute;left:-9999px;height:0px;width:0px;visibility:hidden;} .recruitSliderWrap .slider .bigimg.active {opacity:1;filter:alpha(opacity=100);z-index:4;} .recruitSliderWrap .prev {position:absolute;z-index:5;top:50%;left:50%;margin-top:-23px;margin-left:-500px;width:46px;height:46px;background:url('../../images/recruit/btn_prev.png') no-repeat 0 0;} .recruitSliderWrap .next {position:absolute;z-index:5;top:50%;right:50%;margin-top:-23px;margin-right:-500px;width:46px;height:46px;background:url('../../images/recruit/btn_next.png') no-repeat 0 0;} .navJobsBar{position:fixed;z-index:30; top:46px; height:125px; } .navJobsBar * { -webkit-transition: all 130ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 130ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 130ms cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 130ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */ -webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */ } .navJobsBar .navJobs {width:830px;margin:0 auto;height:86px;} .navJobsBar .navJobs li{background:url('../../images/recruit/bg_job_nav02.png') no-repeat 0 5px;} .navJobsBar .navJobs li .txt{ top:87px;} .navJobsBar .navJobs li .img{ height:86px;} .navJobsBar .navJobs .nav01 {background-position:-183px 5px;} .navJobsBar .navJobs .nav02 {background-position:-123px 5px;} .navJobsBar .navJobs .nav03 {background-position:-70px 5px;} .navJobsBar .navJobs .nav04 {background-position:0 5px;} .navJobsBar .navJobs .nav05 {background-position:-244px 5px;} .navJobsBar .navJobs .nav06 {background-position:-297px 5px;} .navJobsBar .navJobs .nav07 {background-position:-361px 5px;} .navJobsBar .navJobs .nav08 {background-position:-420px 5px;} .navJobsBar .navJobs .nav09 {background-position:-482px 5px;} .navJobsBar .navJobs .nav10 {background-position:-531px 5px;} .navJobsBar .navJobs .nav11 {background-position:-592px 5px;} .navJobsBar .navJobs .nav12 {background-position:-643px 5px;} .navJobsBar .navJobs .nav13 {background-position:-713px 5px;} .navJobsBar .navJobs .nav14 {background-position:-764px 5px;} .navJobsWrap{margin-bottom:-60px;} .navJobs{width:830px;height:56px;} .navJobs li{position:relative;float:left;display:block;height:100%;background:url('../../images/recruit/bg_job_nav.png') no-repeat 0 0;} .navJobs li a {display:block;width:100%;height:100%;} .navJobs li a span { display:block; } .navJobs li .img {display:block; width:100%;height:100%;} .navJobs li .txt {display:none;position:absolute;top:60px;padding-top:9px;background:url('../../images/recruit/bg_job_arrow.png') no-repeat 50% 0;} .navJobs li .txt span {display:block; min-width:50px;padding:10px 9px;background-color:#25a449;color:#fff;text-align:center;} .navJobs li.on .txt, .navJobs li a:hover .txt, .navJobs li a:focus .txt { display:block;} .navJobs .nav01 { width:60px;background-position:-183px 0;} .navJobs .nav02 { width:61px;background-position:-123px 0;} .navJobs .nav03 { width:53px;background-position:-70px 0;} .navJobs .nav04 { width:70px;background-position:0 0;} .navJobs .nav05 { width:53px;background-position:-244px 0;} .navJobs .nav06 { width:64px;background-position:-297px 0;} .navJobs .nav07 { width:59px;background-position:-361px 0;} .navJobs .nav08 { width:62px;background-position:-420px 0;} .navJobs .nav09 { width:49px;background-position:-482px 0;} .navJobs .nav10 { width:61px;background-position:-531px 0;} .navJobs .nav11 { width:51px;background-position:-592px 0;} .navJobs .nav12 { width:70px;background-position:-643px 0;} .navJobs .nav13 { width:51px;background-position:-713px 0;} .navJobs .nav14 { width:66px;background-position:-764px 0;} .navJobs .nav01 .txt{left:-5px;} .navJobs .nav02 .txt{left:5px;} .navJobs .nav03 .txt{left:-10px;} .navJobs .nav04 .txt{left:3px;} .navJobs .nav05 .txt{left:0;} .navJobs .nav06 .txt{left:-3px;} .navJobs .nav07 .txt{left:0;} .navJobs .nav08 .txt{left:0;} .navJobs .nav09 .txt{left:-10px;} .navJobs .nav10 .txt{left:-10px;} .navJobs .nav11 .txt{left:-13px;} .navJobs .nav12 .txt{left:3px;} .navJobs .nav13 .txt{left:3px;} .navJobs .nav14 .txt{left:0;} .navJobs .nav02 .txt span{min-width:25px;} .navJobs .nav03 .txt span{min-width:55px;} .navJobs .nav05 .txt span{min-width:40px;} .navJobs .nav10 .txt span{min-width:67px;} .navJobs .nav11 .txt span{min-width:58px;} .navJobs .nav12 .txt span{min-width:50px;} .navJobs .nav13 .txt span{min-width:25px;} .introVisual{margin:107px 0 89px;} .interviewList{margin:50px 0px 50px;padding-bottom:111px;border-bottom:1px solid #c6c6c6;} .interviewList li{margin-top:56px;} .interviewList dt{margin-bottom:27px;font-size:22px;font-weight:700;color:#000;} .interviewList .no{display:inline-block;font-family:'Arial'; font-size:30px;color:#239739;text-transform:uppercase;border-bottom:4px solid #239739; letter-spacing:0px; } .interviewList em{display:block;margin-top:16px;} .interviewList dd{font-size:13px;color:#555;line-height:22px;} .interviewList .type01{overflow:hidden;} .interviewList .type01 dl{float:left;width:400px;} .interviewList .type01 .img{float:right;margin-top:61px;} .interviewList .type02{overflow:hidden;} .interviewList .type02 dl{float:right;width:400px;} .interviewList .type02 .img{float:left;margin-top:61px;} .interviewList .type03 { margin:20px 0 40px;} .interviewList .type03 dl{width:100%;} .subHDtit{font-size:18px; color:#239739;} .subHDtit span{color:#000; display:inline-block; margin-right:15px;} .introList02 {margin-top:14px;} .introList02 .eng{margin-bottom:4px;font-size:22px;color:#252525;font-weight:normal;} .introList02 dd{font-size:14px;color:#898989;line-height:20px;} .introListLine{padding-top:19px;background:url('../../images/common/bar02.gif') no-repeat 0 0;} .partList{overflow:hidden;} .partList > li{float:left;width:230px;margin-right:30px;} .partList > li strong{font-size:16px;color:#252525;} .partList > li ul {line-height:20px;color:#555;} .partList > li > ul > li{margin-top:20px;} .workList{margin-top:20px;} .workList dt{font-size:16px;color:#252525;} .workList dd{line-height:20px;color:#555;} /* 인재채용 - 직무소개 STEP BOX */ .tabStepArea {position:relative;height:auto;margin-top:34px; } .tabStepArea .stepTit {position:absolute;left:0;top:0;z-index:1;} .tabStepArea .stepTit a {display:inline-block;width:100px;min-width:auto;height:72px;padding:30px 10px 0 36px;border:6px solid #b2c8d9;text-align:left;font-size:20px;line-height:1;color:#396f97; font-weight:bold; } .tabStepArea .steptabTit a:hover, .tabStepArea .steptabTit a:focus, .tabStepArea .stepTit a.active { color:#004a80; border:6px solid #004a80;} .tabStepArea .stepTit a span {display:block;margin-bottom:3px;font-size:14px;} .tabStepArea .stepCont {visibility:hidden;display:block;height:0;} .tabStepArea .stepCont .tabInCont { visibility:inherit; position:static; padding-top:0;} .tabStepArea .active .stepCont {visibility:visible;height:auto;padding-top:153px;} .tabStepArea .active .stepTit a{ color:#004a80; border:6px solid #004a80;} .tabStepArea .introTab01{left:0;} .tabStepArea .introTab02{left:168px;} .tabStepArea .introTab03{left:336px;} .tabStepArea .introTab04{left:505px;} .tabStepArea .introTab05{left:673px;} .tabStepArea .introTab06{left:0} .tabStepArea .introTab07{left:168px} .tabStepArea .introTab08{left:336px} .tabStepArea.tabStepArea2 .stepTit a {width:147px;line-height:102px;height:102px;text-align:center;padding:0} .salesList{ } .salesList dt{color:#004a80;margin:32px 0 14px;font-size:18px;font-weight:600;} .salesList dd{font-size:15px; line-height:24px;} .salesList dd ul{margin-top:10px;} /* 인재채용 - 현대건설人 */ .peopleArea dt{font-size:36px;font-weight:700;font-family: 'Arial';text-transform: uppercase;color:#333;} .peopleArea dd{margin:17px 0 29px;font-size:18px;line-height:24px;font-weight:600;} .iconList01{margin-top:40px;} .iconList01 dl{float:left;padding-top:150px;background:url('../../images/recruit/icon_people01.png') no-repeat 50% 0;text-align:center;} .iconList01 dt{margin:-5px 0 9px;font-size:22px;font-weight:700;color:#0c7f2d;} .iconList01 dd{font-size:15px;line-height:22px;} .iconList01 .icon01{width:230px;margin-right:29px;} .iconList01 .icon02{width:299px;background:url('../../images/recruit/icon_people02.png') no-repeat 50% 34px;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;} .iconList01 .icon03{width:238px;background:url('../../images/recruit/icon_people03.png') no-repeat 50% 17px;margin-left:32px;} .peopleDes{margin:-5px 0 25px;font-size:15px;line-height:24px;color:#252525; } .peopleList{font-size:15px;font-weight:400;line-height:22px;color:#555;} .peopleList .dec{margin-top:-3px !important;font-size:18px;font-weight:600;letter-spacing:-1px;} .peopleList > li{margin-top:35px;} .peopleList .dotList02{margin-top:13px;} .peopleList .dotList02 li{padding-left:11px;background:url('../../images/common/bul03.png') no-repeat 0 8px;line-height:24px;} .peopleList .dotList02 li.space{margin-bottom:9px;} .peopleList .dotList02 .positionImg{margin:5px 0 15px -11px;} .peopleList .appraisalImg{margin:28px 0 5px;} /* 인재상 */ .peopleSystem { } .peopleSystem dt { font-size:15px; color:#008444; padding-bottom:14px; font-weight:600; padding-left:60px; line-height:20px;} .peopleSystem dt.icon01 { background:url('../../images/recruit/icon_people0201.png') no-repeat 5px top; } .peopleSystem dt.icon02 { background:url('../../images/recruit/icon_people0202.png') no-repeat 5px top; } .peopleSystem dt.icon03 { background:url('../../images/recruit/icon_people0203.png') no-repeat 8px top; } .peopleSystem dt.icon04 { background:url('../../images/recruit/icon_people0204.png') no-repeat 5px top; } .peopleSystem dt.icon05 { background:url('../../images/recruit/icon_people0205.png') no-repeat 5px top; } .peopleSystem dd { margin-bottom:15px;font-size:15px;line-height:24px;} .peopleSystem dd table { margin-bottom:5px;} .peopleSystem dd .boardListRowLine03 th{padding:16px 0 16px 20px;text-align:left;} .peopleSystem dd .boardListRowLine03 td{padding:16px 0 16px 20px;height:40px;} .tabWrap .peopleTab02{left:150px;} .tabWrap .peopleTab03{left:300px;} .tabWrap .peopleTab01 a, .tabWrap .peopleTab02 a, .tabWrap .peopleTab03 a{min-width:107px;} .mygText { margin:25px 0 38px; font-size:15px; line-height:24px;} .boxList01{margin-top:1px;overflow:hidden;} .boxList01 dl{float:left;width:340px;min-height:117px;margin-top:10px;padding:28px 30px 28px;background-color:#eee;font-weight:700;} .boxList01 dl.space{margin-right:10px;} .boxList01 dt{margin-bottom:5px;font-size:16px;color:#555;} .boxList01 dd{font-size:15px;letter-spacing:-1px;} .boxList01 .dotList li{padding:0 0 7px 10px; background:url('../../images/common/bul03.png') no-repeat 0 6px;} .greenTit{font-size:18px;line-height:30px;color:#0c7f2d;} .imgPeople01{margin:30px 0 20px;} .spacePeople01{margin-bottom:51px; } .iconList02{overflow:hidden;margin-top:26px;} .iconList02 dl{float:left;width:313px;min-height:113px;margin-top:4px;padding:27px 0 24px 100px;background-color:#f4f4f4 !important;} .iconList02 dl.space{margin-right:4px;} .iconList02 dl.etc{width:100%;} .iconList02 dt{margin-bottom:5px;font-size:18px;font-weight:700;color:#252525;line-height:20px;} .iconList02 dd{line-height:22px;} .iconList02 .icon01{background:url('../../images/recruit/icon_people0301.png') no-repeat 31px 30px;} .iconList02 .icon02{background:url('../../images/recruit/icon_people0302.png') no-repeat 27px 31px ;} .iconList02 .icon03{background:url('../../images/recruit/icon_people0303.png') no-repeat 30px 31px;} .iconList02 .icon04{background:url('../../images/recruit/icon_people0304.png') no-repeat 28px 28px ;} .iconList02 .icon05{background:url('../../images/recruit/icon_people0305.png') no-repeat 30px 30px;} .iconList02 .icon06{background:url('../../images/recruit/icon_people0306.png') no-repeat 25px 31px;} .iconList02 .icon07{background:url('../../images/recruit/icon_people0307.png') no-repeat 27px 30px;} .iconList02 .icon08{background:url('../../images/recruit/icon_people0308.png') no-repeat 24px 31px;} .iconList02 .icon09{background:url('../../images/recruit/icon_people0309.png') no-repeat 29px 32px;} .iconList02 .icon10{background:url('../../images/recruit/icon_people0310.png') no-repeat 28px 30px;} .iconList02 .icon11{background:url('../../images/recruit/icon_people0311.png') no-repeat 31px 30px;} .iconList02 .icon12{background:url('../../images/recruit/icon_people0312.png') no-repeat 20px 30px;} .iconList02 .icon13{background:url('../../images/recruit/icon_people0313.png') no-repeat 29px 29px;} /* 인재채용 - 채용공고 */ .stepList01{margin-top:38px;} .stepList01 li{overflow:hidden;margin-top:10px;} .stepList01 .num{overflow:hidden;display:block;float:left;width:140px;min-height:38px;padding:14px 15px 17px 13px;background-color:#e7e7e7;text-align:right;} .stepList01 .futura{float:left;font-size:13px;color:#555;} .stepList01 em{font-size:16px;color:#252525;font-weight:700;} .stepList01 .subText01{float:left;display:block;padding:0 20px 0;} .stepList01 .bg .num{min-height:63px;} .tabWrap .jobsTab02{left:150px;} .tabWrap .jobsTab03{left:300px;} .tabWrap .jobsTab04{left:450px;} .tabWrap .jobsTab01 a, .tabWrap .jobsTab02 a, .tabWrap .jobsTab03 a, .tabWrap .jobsTab04 a{min-width:107px;} .tabList.space{margin-bottom:-10px;} .tabList li{display:inline-block;padding:0 15px 0 14px;background:url('../../images/common/bar01.gif') no-repeat 0 0;font-weight:700;} .tabList li:first-child{padding-left:11px;background:none;} .tabList a{color:#555;} .tabList .on a, .tabList a:focus, .tabList a:active{color:#004a80;} .area{overflow:hidden;margin:18px 0 30px;} .area .tabList{display:inline-block;margin-top:18px;} .area .btnRight{display:inline-block;float:right;} /* 2015-12-18 추가 */ .recruitNotice .boardList { } .recruitNotice .boardList td { } .recruitNotice .boardLayer{display:none;} .recruitNotice .boardLayer.active{display:table-row;} .recruitNotice .boardLayer td {padding:0 !important; text-align:left; letter-spacing:0px; line-height:150%;} .recruitNotice .boardLayer td div font > font{ display:block; } .recruitNotice .boardLayer td p {} .recruitNotice .boardLayer td p img { } .recruitNotice .boardCon{position:relative;padding:61px 20px 52px 20px;background-color:#eee;border-top:1px solid #c4c4c4;} .recruitNotice .boardCon .btnClose{position:absolute;right:14px;top:14px;} .recruitNotice .boardCon .btnArea{margin-top:30px; text-align:center;} /* 인재채용 - 채용공고 - 신입사원 및 인턴 , 경력사원 */ .jobsList02{margin-bottom:30px;font-size:15px;line-height:30px;font-weight:700;color:#555;} .jobsList02 dt{float:left;width:100px;} .jobsList02 dd{float:left;width:730px;} .jobsList02 .text{font-size:15px;line-height:30px;margin-bottom:0;} .jobsList02 .text li.indent{padding-left:50px;text-indent:-50px;} .jobsList02 .text .boardListRowLine{margin-top:8px;line-height:1;border-top:1px solid #555 !important;} .jobsList02 .text .boardListRowLine tr th:first-child{padding-left:0;text-align:center;} .jobsList02 .text .boardListRowLine tr.line th{border-bottom:1px solid #555 !important;} .txtBtn { display:block; overflow:hidden; margin-top:0px;} .txtBtn ul { float:left;} .txtBtn ul li{ line-height:30px;} .txtBtn .btnRight { float:right; margin-top:5px;} .survey { width:400px; margin:30px auto 0; } .survey li { line-height:20px; text-align:left; font-size:14px; } .survey li label { margin-left:5px;} /* 인재채용 - 기술교육원 */ .educationArea{overflow:hidden;margin-bottom:40px;} .educationArea .list{width:100%;overflow:hidden; font-size:15px; font-weight:600;} .educationArea .list dt{float:left;clear:both;color:#555;width:64px;} .educationArea .list dd{float:left;color:#252525;padding-bottom:13px;width:auto;} .educationArea .btnCom{height:36px;margin-top:13px;line-height:36px;} .educationArea .btnCom .iconArrow{padding:0 30px 0 9px;} .educationArea .mapArea{float:left;width:471px;height:268px;border:1px solid #cbcbcb;} .educationList01{overflow:hidden;margin:0px 0 40px -20px;} .educationList01 dl{overflow:hidden;float:left;width:405px;min-height:70px;margin:17px 0 0 20px;} .educationList01 dt{float:left;width:135px;margin-right:35px;padding-top:13px;border-top:1px solid #c4c4c4;color:#555; font-weight:600} .educationList01 dd{float:left;font-size:15px;line-height:22px;margin-top:-4px;min-height:64px;} .educationList01 dd ul li .indent{display:inline-block;margin-left:65px;} .educationList01 .etc{float:none;width:100%;min-height:auto;} .educationListLine{padding-bottom:30px;border-bottom:1px solid #d4d4d4;} .educationSpace{margin-bottom:68px;} .educationSpace02{margin-top:45px;} .educationList02{overflow:hidden;margin-bottom:40px;padding-top:40px;border-top:1px solid #c4c4c4;} .educationList02 .list{float:left;width:495px;} .educationList02 dl{margin-top:32px; font-weight:600;} .educationList02 dl:first-child{margin-top:20px;} .educationList02 dt{margin-bottom:8px;font-size:16px;color:#252525;} .educationList02 dd{line-height:22px;} .educationList02 .eduImg{float:right;margin:-40px 14px 0 0;} /* 인재채용 - 채용공고 - 입사지원관리 */ .jobAppli{ margin-top:25px;} .jobAppli li{ border-top:1px solid #c4c4c4; padding:30px 0} .jobAppli li dl{ overflow:hidden} .jobAppli li dl dt{ float:left;clear:both;width:54px;font-size:32px;line-height:1em; } .jobAppli li dl dd{ float:left;line-height:24px;font-size:15px;} .jobAppli li dl dd .btnCom{ display:block;margin-top:27px;width:200px;padding:0 14px 0 24px;text-align:left} .jobAppli li dl dd .btnCom .iconArrow{ padding:0;width:207px;margin:0 auto;} .jobAppDes{margin-bottom:25px;font-size:15px;line-height:24px;} /* Slider ---------------*/ .sliderType1 .bx-pager {width:100%;position:absolute;left:0;right:0;bottom:19px;text-align:center;margin:0 !important;} .sliderType1 .bx-pager .bx-pager-item {display:inline-block;margin:0 !important;} .sliderType1 .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;background:url('../../images/btn/slider_nav.png') no-repeat 50% 50%;width:20px;height:20px;overflow:hidden;text-indent:-9999px;} .sliderType1 .bx-pager .bx-pager-item .bx-pager-link.active {width:24px;background:url('../../images/btn/slider_nav_on.png') no-repeat 50% 50%;} .sliderType1 .bx-prev {position:absolute;display:block;left:0;top:50%;margin-top:-23px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_prev02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;} .sliderType1 .bx-next {position:absolute;display:block;right:0;top:50%;margin-top:-23px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_next02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;} /* 메인 - 채용 영상 */ .sliderType2 {position:relative;} .sliderType2 .bx-pager {width:100%;position:absolute;left:0;right:0;top:370px;text-align:right;margin:0 !important;} .sliderType2 .bx-pager .bx-pager-item {display:inline-block;margin:0 !important; background:#f2bc00} .sliderType2 .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;background:url('../../images/btn/slider_nav02.png') no-repeat 50% 50%;width:20px;height:20px;overflow:hidden;text-indent:-9999px;text-align:left;} .sliderType2 .bx-pager .bx-pager-item .bx-pager-link.active {background:url('../../images/btn/slider_nav_on02.png') no-repeat 50% 50%;} .sliderType2 .bx-prev {position:absolute;display:block;left:0;top:195px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_prev02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px; display:none;} .sliderType2 .bx-next {position:absolute;display:block;right:0;top:195px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_next02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;display:none;} /* 메인 - 채용안내 */ .sliderType2_1 {position:relative;} .sliderType2_1 .bx-pager {width:100%;position:absolute;left:0;right:0;top:370px;text-align:right;margin:0 !important;} .sliderType2_1 .bx-pager .bx-pager-item {display:inline-block;margin:0 !important;} .sliderType2_1 .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;background:url('../../images/btn/slider_nav02.png') no-repeat 50% 50%;width:20px;height:20px;overflow:hidden;text-indent:-9999px;text-align:left;} .sliderType2_1 .bx-pager .bx-pager-item .bx-pager-link.active {background:url('../../images/btn/slider_nav_on02.png') no-repeat 50% 50%;} .sliderType2_1 .bx-prev {position:absolute;display:block;left:0;top:195px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_prev02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;display:none;} .sliderType2_1 .bx-next {position:absolute;display:block;right:0;top:195px;width:46px;height:46px;background:#2e2f30 url('../../images/btn/btn_next02.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;display:none;} /* 메인 - Construction Story */ .sliderType3 {position:relative;} .sliderType3 .bx-pager {display: inline-block;width: 34px;height: 34px;border:1px solid #fff;font-family:'Arial';background: url('../../images/common/bg_alpha.png') repeat left top;font-size: 12px;line-height: 34px;text-align: center;color: #fff;vertical-align: top; letter-spacing:0px; } .sliderType3 .bx-pager .bx-pager-item {display:inline-block;margin:0 !important;} .sliderType3 .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;background:url('../../images/btn/slider_nav.png') no-repeat 50% 50%;width:20px;height:20px;overflow:hidden;text-indent:-9999px;text-align:left;} .sliderType3 .bx-pager .bx-pager-item .bx-pager-link.active {background:url('../../images/btn/slider_nav_on.png') no-repeat 50% 50%;} .sliderType3 .bx-prev {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_rollPrev.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderType3 .bx-prev:hover {background: #fff url('../../images/btn/btn_rollPrev_over.png') no-repeat 50% 50%;} .sliderType3 .bx-next {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_rollNext.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderType3 .bx-next:hover {background: #fff url('../../images/btn/btn_rollNext_over.png') no-repeat 50% 50%;} .sliderType3 .bx-controls {display:inline-block;margin-right:10px;} .sliderType3 .bx-controls .bx-pager {display:inline-block;word-spacing:-0.3em;} .sliderType3 .bx-controls .bx-controls-direction {display:inline-block; margin-left:-1px;} .sliderType3 .bx-controls .bx-controls-direction a {margin-left:-1px;} .sliderType3 .bx-controls .bx-controls-direction a:first-child {margin-left:0;} /* 메인 비주얼 */ .sliderTypeMain .bx-pager {display: inline-block;width: 34px;height: 34px;border:1px solid #fff;font-family:'Arial';background: url('../../images/common/bg_alpha.png') repeat left top;font-size: 12px;line-height: 34px;text-align: center;color: #fff;vertical-align: top; letter-spacing:0px; } .sliderTypeMain .bx-pager .bx-pager-item {display:inline-block;margin:0 !important;} .sliderTypeMain .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;background:url('../../images/btn/slider_nav.png') no-repeat 50% 50%;width:20px;height:20px;overflow:hidden;text-indent:-9999px;text-align:left;} .sliderTypeMain .bx-pager .bx-pager-item .bx-pager-link.active {background:url('../../images/btn/slider_nav_on.png') no-repeat 50% 50%;} .sliderTypeMain .bx-prev {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_rollPrev.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain .bx-prev:hover {background: #fff url('../../images/btn/btn_rollPrev_over.png') no-repeat 50% 50%;} .sliderTypeMain .bx-next {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_rollNext.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain .bx-next:hover {background: #fff url('../../images/btn/btn_rollNext_over.png') no-repeat 50% 50%;} .sliderTypeMain .bx-controls {position:absolute;left:140px;top:45%;margin-top:80px;} .sliderTypeMain .bx-controls .bx-pager {display:inline-block;word-spacing:-0.1em;} .sliderTypeMain .bx-controls .bx-controls-direction {display:inline-block; margin-left:-1px; vertical-align:top;} .sliderTypeMain .bx-controls .bx-controls-direction a {margin-left:-1px;} .sliderTypeMain .bx-controls .bx-controls-direction a:first-child {margin-left:0;} .sliderTypeMain .bx-controls .bx-controls-auto { display:inline-block;} .sliderTypeMain .bx-controls .bx-controls-auto .bx-controls-auto-item {display:inline-block; margin-left:-1px;} .sliderTypeMain .bx-controls .bx-controls-auto .bx-controls-auto-item a {margin-left:-1px;} .sliderTypeMain .bx-controls .bx-controls-auto .bx-controls-auto-item a:first-child {margin-left:0;} .sliderTypeMain .bx-start {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_play.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain .bx-start:hover {background: #fff url('../../images/btn/btn_play_over.png') no-repeat 50% 50%;} .sliderTypeMain .bx-stop {display: inline-block;width: 34px;height: 34px;border: 1px solid #fff;background: url('../../images/btn/btn_pause.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain .bx-stop:hover {background: #fff url('../../images/btn/btn_pause_over.png') no-repeat 50% 50%;} .sliderTypeMain .bx-start.active {background:url('../../images/btn/btn_play_on.png') no-repeat 50% 50%;} .sliderTypeMain .bx-stop.active {background:url('../../images/btn/btn_pause_on.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-pager {display: inline-block;width:34px;height: 34px;border:1px solid #000;font-family:'Arial';background: url('../../images/common/bg_alpha02.png') repeat left top;font-size: 12px;line-height: 34px;text-align: center;color: #000;vertical-align: top; letter-spacing:0px; font-weight:bold; } .sliderTypeMain.btnBlack .bx-prev {display: inline-block;width: 34px;height: 34px;border:1px solid #000;background:url('../../images/btn/btn_rollPrev_b.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain.btnBlack .bx-prev:hover {background:#252525 url('../../images/btn/btn_rollPrev_b_over.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-next {display: inline-block;width: 34px;height: 34px;border: 1px solid #000;background:url('../../images/btn/btn_rollNext_b.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain.btnBlack .bx-next:hover {background:#252525 url('../../images/btn/btn_rollNext_b_over.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-start {display: inline-block;width: 34px;height: 34px;border: 1px solid #000;background: url('../../images/btn/btn_play_b.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain.btnBlack .bx-start:hover {background: #252525 url('../../images/btn/btn_play_b_over.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-stop {display: inline-block;width: 34px;height: 34px;border: 1px solid #000;background: url('../../images/btn/btn_pause_b.png') no-repeat 50% 50%;vertical-align: top;overflow:hidden;text-indent:-9999px;} .sliderTypeMain.btnBlack .bx-stop:hover {background: #252525 url('../../images/btn/btn_pause_b_over.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-start.active {background:url('../../images/btn/btn_play_b_on.png') no-repeat 50% 50%;} .sliderTypeMain.btnBlack .bx-stop.active {background:url('../../images/btn/btn_pause_b_on.png') no-repeat 50% 50%;} .issueTitle { margin:0 0 0 0; font-size:46px; text-transform:uppercase; letter-spacing:-2px; word-spacing:-1px; line-height:40px; position:absolute; bottom:200px;width:100%;color:#fff;font-size:46px;} .issueTitle p { font-size:46px; display:block; margin-bottom:0px; letter-spacing:-1px;} .issueTitle em { font-size:20px; display:block; margin-bottom:0px; letter-spacing:-1px;} .issueTitle .eng { font-family:arial !important; letter-spacing:-1px; font-weight:bold;} .issueTitle .subTxt { display:block; font-size:26px; font-weight:400; font-family: 'Nanum Myeongjo'; margin-top:20px; line-height:32px; font-weight:600;} .issueTitle .fc02 { text-shadow:3px 2px 20px #000; } .issueCont .divide {display:none;} /* 이슈리스트 */ .issueWrap .sliderTypeMain .bx-controls {position:absolute;left:50%;top:50% !important;margin:66px 0 0 -489px;} /*두드림*/ .dudrim_intro{ text-align:center;} /*팝업*/ #layer_popup { width:900px; height:1420px; text-align:center;visibility: visible; position:absolute; top:400px;left:100;z-index:200; background-color:rgba(113,113,113,0.3); margin-left:130px; } #check_con{font-size:10px; position:absolute; bottom:9px; right:45px; } #layer_popup .notice{ width:95%; margin:200px auto; background:#fff; height:400px; font-size:28px; line-height:45px; font-weight:500; padding-top:100px; letter-spacing:0;} #layer_popup .notice .theh{font-size:40px; color:#000; font-weight:bold;} #layer_popup .notice .hill{font-size:40px; color:#9c1a18; font-weight:bold;} #layer_popup .notice .hillshome{font-size:20px; } #layer_popup .notice .btncon{ width:100%;} #layer_popup .notice form{ margin:0 auto;} #layer_popup .notice form div{display:inline-block;} #layer_popup .notice .hill_btn{ display:inline-block;width:210px; height:43px; background:#9c1a18; color:#fff; font-size:16px; font-weight:bold; } #layer_popup .notice .ok_btn{display:inline-block; width:210px; height:43px; background:#000; font-size:16px; font-weight:bold; margin-right:15px; } #layer_popup .notice a{ color:#fff;} #layer_popup .notice a:hover{ border:0; color:#fff; text-decoration:none;}