@charset "utf-8"; /* 1. 회사소개 */ /* 회사소개 - 주요 경영진 */ #middle.company #contents.sub01_07 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_07:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_07 h1 { margin-bottom:37px; } .sub01_07 .content_body { *zoom: 1; } .sub01_07 .content_body:after { content:""; display: block; clear: both; } .sub01_07 .sub01_07_section { float: left; width: 50%; } .sub01_07 .sub01_07_section > div:first-child { text-align: center; } .sub01_07 .sub01_07_section > div img { vertical-align: top; } .sub01_07 .sub01_07_section dl { min-height: 214px; padding: 0 30px 0 60px; } .sub01_07 .sub01_07_section dt { margin-bottom: 15px; font-size: 20px; line-height: 22px; } .sub01_07 .sub01_07_section dt span { padding-left: 10px; margin-left: 5px; vertical-align: middle; font-size: 16px; background: url('../images/company/sub01_07_dt_bg.png') no-repeat left 2px; } .sub01_07 .sub01_07_section dd { font-size: 14px; line-height: 25px; color: #333; } .sub01_07 .sub01_07_section dd dfn { font-weight: bold; color: #386bc4; letter-spacing: 0; } /* 회사소개 */ #middle.company #contents, #middle.recruit #contents { color:#333; } #middle.company #contents, #middle.company #contents, #middle.company #contents, #middle.company #contents{ color:#333; } #middle.company #contents .content_body .wrap_box, #middle.recruit #contents .content_body .wrap_box { width:100%; position:relative; margin-bottom:40px; *zoom:1; } #middle.company #contents .content_body .wrap_box:after, #middle.recruit #contents .content_body .wrap_box:after { content:""; display:block; clear:both; } /* 회사소개 - 한눈에 보는 상사부문 */ #middle.company #contents.sub01_01 { *zoom: 1; } #middle.company #contents.sub01_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_01 h1 { margin-bottom:37px; } #middle.company #contents.sub01_01 .content_body .p_comm { font-size:16px; margin-bottom:36px; color: #333; line-height: 25px; } #middle.company #contents.sub01_01 .content_body .p_comm span { } #middle.company #contents.sub01_01 .content_body { } #middle.company #contents.sub01_01 .content_body .wrap_info { padding-left:274px; background:url('../images/company/bg_img01_01.png') no-repeat 0 0; margin-bottom:45px; } #middle.company #contents.sub01_01 .content_body .wrap_info dl { position:relative; width:100%; font-size: 13px; border-bottom:1px solid #e8e8e8; } #middle.company #contents.sub01_01 .content_body .wrap_info dt { padding-left:18px; width:100px; height:100%; position:absolute; top:0; left:0; display:block; background:#f9f9f9; line-height:32px; } #middle.company #contents.sub01_01 .content_body .wrap_info dd { margin-left:118px; padding:4px 38px 6px 20px; } #middle.company #contents.sub01_01 .content_body .wrap_info dl.bdt_01 { border-top:1px solid #ccc; } #middle.company #contents.sub01_01 .content_body .wrap_info dl.bdb_01 { border-bottom:1px solid #ccc; } #middle.company #contents.sub01_01 .content_body .txt_area { width:100%; color:#333; background:url('../images/company/bg_img01_02.png') no-repeat right bottom; } #middle.company #contents.sub01_01 .content_body .txt_area span { margin-bottom:25px; } #middle.company #contents.sub01_01 .content_body .txt_area .p01 { width:70%; } #middle.company #contents .tb01 { width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; letter-spacing: 0; } #middle.company #contents .tb01 th { padding:5px 0 6px 15px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; text-align:left; vertical-align: top;} #middle.company #contents .tb01 td { padding:5px 0 6px 20px; border-bottom:1px solid #e8e8e8; } #middle.company #contents .tb01 td a { color: #333; } /* 회사소개 - CEO 인사말 #middle.company #contents.sub01_02 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_02 h1 { margin-bottom:37px; } #middle.company #contents.sub01_02 .content_body { padding-top:0; } #middle.company #contents.sub01_02 .content_body dl { position:relative; background:url('../images/company/bg_img02_02.png') no-repeat right bottom; line-height:25px; } #middle.company #contents.sub01_02 .content_body dt { padding-left:305px; padding-top:35px; margin-bottom:25px; font-size:20px; line-height:30px; color:#2f59a2; } #middle.company #contents.sub01_02 .content_body dd { margin-bottom:25px; } #middle.company #contents.sub01_02 .content_body .photo { position:absolute; top:0; left:0; } #middle.company #contents.sub01_02 .content_body .txt01 { padding-left:305px; } #middle.company #contents.sub01_02 .content_body .txt02 { padding-right: 220px; } #middle.company #contents.sub01_02 .content_body .txt03 { margin-top: 60px; } #middle.company #contents.sub01_02 .content_body dd span { display:block; } #middle.company #contents.sub01_02 .content_body .name01 { font-size:16px; margin-bottom:5px; } #middle.company #contents.sub01_02 .content_body .name02 { font-size:20px; }*/ /* 회사소개 - CEO 인사말 */ #middle.company #contents.sub01_02 { *zoom: 1; } #middle.company #contents.sub01_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_02 h1 { margin-bottom:37px; } #middle.company #contents.sub01_02 .content_body { padding-top:0; } #middle.company #contents.sub01_02 .content_body dl { position:relative; line-height:25px; } #middle.company #contents.sub01_02 .content_body dt { padding-left:46%; padding-top:35px; margin-bottom:25px; font-size:20px; line-height:30px; color:#2f59a2; } #middle.company #contents.sub01_02 .content_body dd {} #middle.company #contents.sub01_02 .content_body .name { padding-left:46%; padding-bottom:18px; height:109px; } #middle.company #contents.sub01_02 .content_body .name01 { font-size:16px; margin-bottom:5px; } #middle.company #contents.sub01_02 .content_body .name02 { font-size:20px; } #middle.company #contents.sub01_02 .content_body .photo { position:absolute; top:0; left:21%; } #middle.company #contents.sub01_02 .content_body .txt { padding-left:46%; padding-top:41px; border-top:3px solid #3463b2; } #middle.company #contents.sub01_02 .content_body .txt p { margin-bottom:30px; } #middle.company #contents.sub01_02 .content_body dd span { display:block; } #middle.company #contents.sub01_02 .content_body .pro { position:absolute; top:320px; left:21%; font-size: 14px; line-height: 25px; color: #333; } #middle.company #contents.sub01_02 .content_body .pro dfn { font-weight: bold; color: #386bc4; letter-spacing: 0; font-size:16px; } /* 회사소개 - 비전/종합력 - 비전 */ #middle.company.vision {background:url('../images/background/bg_vision.gif') repeat-x 0 566px;} #middle.company #contents.sub01_03_01 { *zoom: 1; } #middle.company #contents.sub01_03_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_01 h1 { margin-bottom:37px; } #middle.company #contents.sub01_03_01 .comm { text-align:center; margin-bottom:25px; } #middle.company #contents.sub01_03_01 .comm dt { margin-bottom:18px; } #middle.company #contents.sub01_03_01 .comm dt .t01 { font-size:26px; line-height:26px; color:#333; margin-bottom:12px; } #middle.company #contents.sub01_03_01 .comm dt .t02 { font-size:40px; line-height:40px; color:#2d2d2d; font-weight:normal; } #middle.company #contents.sub01_03_01 .comm dd { font-size:16px; line-height:25px; color: #333; } #middle.company #contents.sub01_03_01 .comm dd:before {display:block; content:''; margin:20px auto 16px; width:1px; height:35px; background:#cbcbcb;} #middle.company #contents .vision_box {position:relative; margin-top:80px;} #middle.company #contents .vision_box .tit {margin:0 auto; width:294px; font-size:26px; color:#fff; border-radius:1.25em; background-color:#1054c3;} #middle.company #contents .vision_box .tit > span {display:inline-block; padding:16px 100px; width:94px; background:url('../images/background/bg_vision_tit.png') no-repeat right center; } #middle.company #contents .vision_box .sub_tit {margin-top:66px; letter-spacing:-.05em; text-align:center; font-weight:700; font-size:35px; } #middle.company #contents .vision_box .sub_tit > span {color:#1054c3;} #middle.company #contents .vision_box .half_box {overflow:hidden; margin-top:-26px; padding:80px 40px;} #middle.company #contents .vision_box .half_box li {float:left; margin:0 23px; padding:54px 0; width:calc(50% - 46px); text-align:center; box-sizing:border-box; background:#fff;} #middle.company #contents .vision_box .half_box li .part {line-height:1.48; font-size:23px; letter-spacing:-.05em; color:#666;} #middle.company #contents .vision_box .half_box li .bold { line-height:1; font-size:35px; letter-spacing:-.05em;} #middle.company #contents .vision_box .half_box li .bold > span {color:#1054c3;} #middle.company #contents .vision_box .half_box li .bar {display:block; margin:26px auto; width:51px; height:1px; background:#cbcbcb;} #middle.company #contents .vision_box .line_bar { margin-top:70px; padding-bottom:80px; text-align:center; border-bottom:1px solid #cbcbcb;} #middle.company #contents .vision_box .line_bar li {position:relative; display:inline-block; margin:0 67px; padding-top:61px; line-height:1.4; width:200px; height:200px; font-size:23px; letter-spacing:-.05em; text-align:center; border:8px solid #2665cd; border-radius:50%; box-sizing:border-box; background:#f1f4f7;} #middle.company #contents .vision_box .line_bar li:after {position:absolute; top:91px; left:-145px; display:block; content:''; width:137px; height:7px; background:#2665cd;} #middle.company #contents .vision_box .line_bar li:first-child:after {display:none;} #middle.company #contents .vision_box .add_bar {margin-top:75px; padding-bottom:77px; text-align:center;} #middle.company #contents .vision_box .add_bar li { position:relative; display:inline-block; width:28%; text-align:center; font-size:0;} #middle.company #contents .vision_box .add_bar li:after {position:absolute; top:101px; left:-15px; display:block; content:''; width:26px; height:26px; background:url('../images/icon/vision_add.png') no-repeat;} #middle.company #contents .vision_box .add_bar li:first-child:after {display:none;} #middle.company #contents .vision_box .add_bar li dl {color:#fff; background-image:url('../images/company/bg_total01.png'); background-repeat:no-repeat; background-position:center;} #middle.company #contents .vision_box .add_bar li:first-child + li dl {background-image:url('../images/company/bg_total02.png');} #middle.company #contents .vision_box .add_bar li:first-child + li + li dl {background-image:url('../images/company/bg_total03.png');} #middle.company #contents .vision_box .add_bar li dt {padding:48px 0 18px; letter-spacing:-.05em; font-size:19px;} #middle.company #contents .vision_box .add_bar li dd {padding:20px 0 32px; line-height:1.15; font-size:23px; font-weight:700;} /* 회사소개 - 비전/종합력 - 비전 #middle.company #contents.sub01_03_01 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_03_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_01 h1 { margin-bottom:37px; } #middle.company #contents.sub01_03_01 .content_body { } #middle.company #contents.sub01_03_01 .content_body {} #middle.company #contents.sub01_03_01 .content_body .comm { text-align:center; margin-bottom:25px; } #middle.company #contents.sub01_03_01 .content_body .comm dt { margin-bottom:18px; } #middle.company #contents.sub01_03_01 .content_body .comm dt .t01 { font-size:26px; line-height:26px; color:#333; margin-bottom:12px; } #middle.company #contents.sub01_03_01 .content_body .comm dt .t02 { font-size:40px; line-height:40px; color:#2d2d2d; font-weight:normal; } #middle.company #contents.sub01_03_01 .content_body .comm dd { font-size:14px; line-height:25px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define {} #middle.company #contents.sub01_03_01 .content_body .wrap_define dl { position:relative; width:100%; } #middle.company #contents.sub01_03_01 .content_body .wrap_define dt { position:absolute; top:0; left:0; width:140px; padding-left:14px; padding-top:14px; color:#fff; } #middle.company #contents.sub01_03_01 .content_body .wrap_define dd { padding-left:154px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl01 { } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl01 dt { height:78px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl01 dd { height:59px; padding-top:30px; border-top:2px solid #878787; border-bottom:1px solid #cfdbe6; background:#f0f7fd; color:#004484; font-size:22px; text-align:center; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl01 dd em { font-weight:bold; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 {} #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 dt { height:76px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 dd { height:90px; color:#2d79c8; text-align:center; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 span { height:70px; padding-top:20px; width:49%; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 .bdr_line { border-right:1px solid #e1e1e1; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 {} #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 dt { height:100px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 dd { height:91px; padding-top:20px; border-top:1px solid #c3c3c3; border-bottom:2px solid #878787; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl01 .dt_bg { background:url('../images/company/bg_img03_01.png') no-repeat 0 0; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl02 .dt_bg { background:url('../images/company/bg_img03_01.png') no-repeat 0 -92px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 .dt_bg { background:url('../images/company/bg_img03_01.png') no-repeat 0 -182px; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 span { width:20%; padding-left:4%; } #middle.company #contents.sub01_03_01 .content_body .wrap_define .dl03 em { display:block; color:#757575; } #middle.company #contents.sub01_03_01 .content_body .wrap_define span { display:inline-block; }*/ /* 회사소개 - 비전/종합력 - 상사업/종합력 */ #middle.company #contents.sub01_03_02 { *zoom: 1; } #middle.company #contents.sub01_03_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_02 h1 { margin-bottom:37px; } #middle.company #contents.sub01_03_02 h2 { margin-bottom:0; } #middle.company #contents.sub01_03_02 h2 span { display:inline-block; } #middle.company #contents.sub01_03_02 .wrap_box { } #middle.company #contents.sub01_03_02 .wrap_box .comm { margin-bottom:30px; font-size: 16px; } #middle.company #contents.sub01_03_02 .wrap_box. comm span { display:block; } #middle.company #contents.sub01_03_02 .wrap_box dl { text-align:center; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 {} #middle.company #contents.sub01_03_02 .wrap_box .dl01 dt { height:46px; padding-top:12px; margin-bottom:30px; font-weight:bold; font-size:18px; color:#fff; background:url('../images/company/bg_img03_07.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 { } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul { position:relative; *zoom:1; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul li { position:relative; float:left; width:118px; height:102px; padding-top:40px; padding-right:17px; margin-right:14px; font-size:14px; line-height:18px; color:#333; font-weight:bold; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .txt01 { padding-top:10px; display:inline-block; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .txt02 { display:block; margin-top:48px; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .pop { position:absolute; top:-7px; right:-6px; width:19px; height:40px; padding:10px 14px 0 14px; line-height:14px; font-size:11px; color:#234c77; background:url('../images/company/bg_img03_09.png') no-repeat; text-align: center; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .list01 { background:url('../images/company/bg_img03_10.png') no-repeat 0 0; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .list02 { background:url('../images/company/bg_img03_11.png') no-repeat 0 0; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd02 { font-size:18px; height:38px; padding-top:54px; color:#fff; background:url('../images/company/bg_img03_08.png') no-repeat bottom; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt { margin-bottom:30px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt span { display:block; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt01 { font-size:24px; line-height:26px; color:#757575; margin-bottom:10px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt02 { font-size:42px; line-height:44px; font-weight:bold; color:#3b5c94; font-weight:normal; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd em {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul { position:relative; width: 671px; margin: 0 auto; text-align: center; *zoom:1; color:#fff; background:url('../images/company/bg_img03_15.png') no-repeat 200px 87px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li { float:left; width:185px; height:158px; padding-top:40px; padding-right:10px; margin-right:43px; font-size:16px; line-height:24px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li em { display:block; font-weight:bold; font-size:20px; padding-top:25px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list01 { background:url('../images/company/bg_img03_12.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list02 { background:url('../images/company/bg_img03_13.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list03 { margin-right: 0; background:url('../images/company/bg_img03_14.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .pdr_0 { padding-right:0; } /* 회사소개 - 비전/종합력 - 상사업/종합력 #middle.company #contents.sub01_03_02 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_03_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_02 h1 { margin-bottom:37px; } #middle.company #contents.sub01_03_02 .content_body .comm { margin-bottom:50px; } #middle.company #contents.sub01_03_02 .content_body .comm span { display:block; } #middle.company #contents.sub01_03_02 .content_body .wrap_box h3 { font-size:38px; line-height:38px; color:#3b5c94; font-weight:normal; text-align:center; } #middle.company #contents.sub01_03_02 .content_body .wrap_box ul { } #middle.company #contents.sub01_03_02 .content_body .wrap_box ul li {} #middle.company #contents.sub01_03_02 .content_body .wrap_box ul li.list01 { position:absolute; bottom:35px; left:0; text-align:right; width:160px; } #middle.company #contents.sub01_03_02 .content_body .wrap_box ul li.list02 { position:absolute; bottom:200px; left:270px; text-align:center; width:160px; } #middle.company #contents.sub01_03_02 .content_body .wrap_box ul li.list03 { position:absolute; bottom:35px; right:60px; width:110px; } #middle.company #contents.sub01_03_02 .content_body .wrap_box .visual { position:relative; height:185px; padding-top:85px; background:url('../images/company/img03_01.png') no-repeat bottom center; color:#fff; border-bottom:1px solid #93a5c6; font-size:30px; line-height:40px; } #middle.company #contents.sub01_03_02 .content_body .wrap_box .visual span { position:absolute; bottom:20px; left:285px; text-align:center; } */ /* 회사소개 - 경영혁신 - CLO */ #middle.company #contents.sub01_04_01 { *zoom: 1; } #middle.company #contents.sub01_04_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_04_01 h1 { margin-bottom:37px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box01 { padding:40px 0 75px 360px; background:url('../images/company/img04_01.png') no-repeat 0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box01 p { color: #333; font-size: 13px; line-height: 25px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 { width:100%; position:relative; line-height: 20px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 h2 { position:absolute; top:0; left:0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl { width:100%; position:relative; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dt { position:absolute; top:0; left:0; width:187px; padding-left:20px; padding-top:12px; background:url('../images/company/dot04_01.png') repeat-x; font-size:16px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dd { margin-left:207px; text-align:center; padding:12px 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt { padding-top:115px; background-position:0 89px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt em { font-size:22px; color:#18366e; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd { padding-top:111px; padding-left:105px; text-align:left; background:url('../images/company/img04_02.png') no-repeat 0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t01 { font-size:24px; line-height:24px; color:#333; margin-bottom:14px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t02 { font-size:36px; line-height:36px; color:#2d2d2d; font-weight:normal; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dd { background:#065cac; color:#fff; font-size:16px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dd { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 span { margin-bottom:5px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dd { background:url('../images/company/bg_img04_01.png') repeat; color:#fff; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul { position:relative; *zoom:1; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul li { float:left; width:24.5%; line-height: 20px; background:url('../images/company/bt04_01.png') no-repeat right; text-align:center; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 { background:url('../images/company/dot04_01.png') repeat-x left bottom; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd { padding:0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul { width:100%; overflow:hidden; padding:12px 0; background:url('../images/company/bg_img04_02.png') repeat; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul li { float:left; width:33.3%; text-align:center; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd p { padding:8px 0; background:#e2e2e2; } /* 회사소개 - 경영혁신 - RM Compliance */ #middle.company #contents.sub01_04_02 { *zoom: 1; } #middle.company #contents.sub01_04_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_04_02 h1 { margin-bottom:37px; } #middle.company #contents.sub01_04_02 .content_body .comm { margin-bottom: 50px; } #middle.company #contents.sub01_04_02 .content_body .comm span { margin-bottom: 0px; line-height: 25px; } #middle.company #contents.sub01_04_02 .content_body .comm em { font-size:18px; display:block; margin-bottom:12px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box h3 { position:absolute; top:0; left:0; font-size:26px; line-height:36px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dl { line-height: 20px; position:relative; overflow:hidden; margin-left:237px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dt { position:absolute; top:0; left:0; width:140px; padding-top:14px; padding-left:14px; font-size: 14px; color:#fff; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dd { margin-left:154px; padding-left:10px; padding:20px 15px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box { padding-bottom: 40px; margin-bottom:50px; border-bottom: 1px solid #ccc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dt { height:77px; background:url('../images/company/bg_img04_03.png') no-repeat 0 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dd { border-top:2px solid #878787; height:49px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dt { height:77px; background:url('../images/company/bg_img04_04.png') no-repeat 0 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dd { height:48px;border-top:1px solid #ccc; border-bottom:2px solid #878787; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dt { height:78px; background:url('../images/company/bg_img04_05.png') no-repeat 0 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dd { height:49px; border-top:2px solid #878787; border-bottom:1px solid #ccc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 em { font-weight:bold; color:#333; font-size:18px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 span { margin-bottom:10px; color:#757575; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dt { height:76px; background:url('../images/company/bg_img04_06.png') no-repeat 0 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dd { height:69px; padding:10px 20px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dd .wrap_conts { display:inline-block; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 p { float:left; width:100px; font-size:11px; letter-spacing:0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 .plus { display:block; float:left; width:60px; padding-top:20px; font-size:30px; font-weight:bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 span { line-height:14px; margin-bottom:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 em { color:#386bc4; font-size:24px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dt { height:76px; background:url('../images/company/bg_img04_07.png') no-repeat 0 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd { height:67px; border-bottom:2px solid #878787; padding:10px 20px;} #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd .wrap_conts { display:inline-block; padding-top:8px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 p { float:left; font-size:16px; width:100px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .p01 { padding-top:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .plus { display:block; float:left; width:60px; padding-top:10px; font-size:30px; font-weight:bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 { width:100%; position:relative; padding-bottom: 40px; margin-bottom:50px; border-bottom: 1px solid #ccc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2.last { border-bottom: 0 none; margin-bottom: 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 h3 { position:absolute; top:0; left:0; font-size:26px; line-height:36px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 dl { position:relative; overflow:hidden; margin-left:237px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 { padding-top: 290px; overflow:hidden; height:0; background:url('../images/company/img04_03.png') no-repeat center 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dt { } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd { } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 { position:relative; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dt { position:absolute; top:0; left:0; width:290px; color:#fff; font-size:16px; font-weight:bold;} #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dd { margin-left:280px; border-bottom:1px solid #e5e5e5; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 { height:95px; background:url('../images/company/bg_img04_10.png') no-repeat; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01_1 { color:#386bc4; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 { height:94px; background:url('../images/company/bg_img04_09.png') no-repeat; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02_1 { color:#3587dc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 { height:94px; background:url('../images/company/bg_img04_08.png') no-repeat; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03_1 { color:#333; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 span { position:absolute; top:55px; left:120px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 span { position:absolute; top:36px; left:108px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 span { position:absolute; top:32px; left:74px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd { height:94px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd .in_sec { border-top:1px solid #e5e5e5; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 + dd { height:93px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 + dd { height:93px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec { margin-left:0; padding-top:5px; padding-left:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dt { font-size: 16px; margin-bottom:5px; font-weight: bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dd { font-size: 12px; line-height:18px; letter-spacing:0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 { position:relative; height:290px; margin-left:237px; background:url('../images/company/bg_img04_11.png') no-repeat 176px 62px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li { position:absolute; width:158px; font-size: 13px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li p { line-height: 20px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li dfn { display:block; color:#333; font-size:20px; margin-bottom:5px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li em { display:block; font-size:20px; font-weight:bold; color:#386bc4; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_1 { top:0; left:0; text-align:right; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_2 { top:0; right:0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_3 { top:142px; left:0; text-align:right; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_4 { top:142px; right:0; } /* 회사소개 - 경영혁신 - ERP */ #middle.company #contents.sub01_04_03 { *zoom: 1; } #middle.company #contents.sub01_04_03:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_04_03 h1 { margin-bottom:37px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt01 { margin-bottom:15px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt02 { margin-bottom:30px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec { } #middle.company #contents.sub01_04_02 .content_body .comm { margin-bottom: 30px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec h3 { font-size:34px; line-height:34px; font-weight:normal; color:#2d2d2d; text-align:center; margin-bottom:20px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 { width:100%; overflow:hidden; padding-top: 59px; background: url('../images/company/sub01_04_03_list01_bg.png') no-repeat left 0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 li { float:left; height:68px; padding-top:12px; font-size:16px; color:#fff; background:url('../images/company/bg_img04_12.png') repeat; text-align:center; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 .li01 { width:33.5%; background-position:0 0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 .li02 { width:33.5%; background-position:0 -80px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 .li03 { width:33%; background-position:0 -160px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 { width:561px; height:232px; padding:30px 75px 0; text-align:center; padding-top:30px; background:url('../images/company/bg_img04_13.png'); border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 h4 { font-size:22px; font-weight:normal; margin-bottom:25px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 .bg_shadow { width:260px; float:left; padding-bottom:4px; background:url('../images/company/bg_img04_14.png')repeat-x bottom; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dl { padding:20px; text-align:left; border:1px solid #b2b2b2; background:#fff; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dt { text-align: center; color:#386bc4; font-size:18px; margin-bottom:10px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dd { font-size:15px; text-align: left; color: #333; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts h3 { text-align:center; color:#fff; font-weight:bold; font-size:16px; background:url('../images/company/bg_img04_16.png') no-repeat; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl { padding:20px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dt { color:#333; margin-bottom:15px; font-size: 14px; font-weight:bold; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dd { width:112px; padding-left:7px; font-size: 13px; margin-bottom:20px; background:url('../images/company/bl01.png') no-repeat 0 12px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 { position:absolute; top:48px; left:237px; width:239px; height:390px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 h3 { position:absolute; top:228px; left:0; width:239px; height:46px; line-height:46px; background-position:0 0; z-index:3; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 { width:199px; height:82px; position:absolute; top:274px; left:0; background:url('../images/company/bg_img04_17.png'); border-bottom:1px solid #d9d9d9; z-index:2; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dt { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dd { width:auto; margin-bottom:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 { position:absolute; top:6px; left:0; width:239px; height:222px; padding:0; color:#333; background:url('../images/company/bg_img04_15.png') no-repeat; text-align:center; z-index:1; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dt { padding-top:30px; font-weight:bold; margin-bottom:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd { width:100%; padding:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd span { line-height:18px; display: block; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 { float:left; width:237px; margin-top:34px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 h3 { height:40px; padding-top:10px; background-position:0 -46px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dl { height:270px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dt {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dd {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 { float:right; width:239px; margin-top:34px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 h3 { height:40px; padding-top:10px; background-position:0 -96px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dl{ height:270px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dt {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dd {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dl { position:relative; width:100%; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dt { font-size: 14px; position:absolute; top:0; left:0; width:124px; padding:15px; background:url('../images/company/bg_img04_18.png') no-repeat; color:#fff; font-weight:bold; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd { padding-left:154px; font-size: 13px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 { background:#f0f7fd;} #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dt { height:62px; background-position:0 0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dd { height:87px; color:#004484; border-top:2px solid #878787; border-bottom:1px solid #cfdbe6; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dt { height:60px; background-position:0 -92px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dd { height:85px; color:#2d79c8; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dt { height:60px; background-position:0 -182px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dd { height:87px; border-top:1px solid #c3c3c3; border-bottom:2px solid #878787; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul { padding-left:20px; padding-top:6px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul li { padding-left:5px; background:url('../images/company/bl02.png') no-repeat 0 12px;} /* sub01_05 연혁 */ .thum img { vertical-align: top; } .company #lnb h1 { } #contents.sub01_05 { } #contents.sub01_05 h1 { margin-bottom: 36px; } .sub01_05 .content_body .tab01 { margin-top: 39px; margin-bottom: 28px; } .sub01_05 .content_body .tab01 > li { width: 20%; } .sub01_05 .content_body .tab_detail .tit_history { min-height: 257px; } .sub01_05 .content_body .tab_detail .tit_history { position: relative; *zoom: 1; padding-bottom: 30px; } .sub01_05 .content_body .tab_detail .tit_history:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .tit_history .left h1 { font-weight: normal; color: #386BC4; font-size: 35px; line-height: 40px; margin-bottom: 36px; } .sub01_05 .content_body .tab_detail .tit_history .left h1 > span:first-child { display: block; font-size: 13px; line-height: 15px; color: #333; margin-bottom: 10px; letter-spacing: 0; } .sub01_05 .content_body .tab_detail .left { width: 340px; position: absolute; top: 0; left: 0; margin-right: 471px; } .sub01_05 .content_body .tab_detail .left > p { } .sub01_05 .content_body .tab_detail .bxslider { position: relative; float: right; width: 670px; padding-top: 20px; } /* */ .tit_history .bxslider .bx-wrapper { margin: 0 auto; max-width:600px !important; } .tit_history .bxslider .bx-prev { overflow: hidden; position: absolute; left: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_left.png') no-repeat left 0; } .tit_history .bxslider .bx-next { overflow: hidden; position: absolute; right: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_right.png') no-repeat left 0; } .tit_history .bxslider .bx-pager { font-size: 13px; position: absolute; right: 42px; top: -10px; word-spacing: 2px; } .tit_history .bxslider .bx-pager:first-letter { color: #386BC4; font-weight: bold; } .tit_history .bxslider .bx-pager:first-letter:first-letter { color: #386BC4; font-weight: bold; } .sub01_05 .content_body .tab_detail .bxslider ul { margin: 0 auto; width: 424px; *zoom: 1; } .sub01_05 .content_body .tab_detail .bxslider ul:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .bxslider ul li { float: left; } .sub01_05 .content_body .tab_detail .bxslider ul li .thum { width: 188px; margin-bottom: 7px; } .sub01_05 .content_body .tab_detail .bxslider ul li dl { width: 188px; font-size: 13px; text-align: center;} .sub01_05 .content_body .tab_detail .bxslider ul li dl dd { line-height: 20px; } .sub01_05 .content_body .tab_detail .history_detail { border-top: 1px solid #ccc; padding: 30px 0 100px 0; /* background: url('../images/company/111.png') no-repeat right 0; */ } .sub01_05 .content_body #sub01_05_01 .history_detail { background: url('../images/company/img_history01.png') no-repeat right 0; } .sub01_05 .content_body #sub01_05_02 .history_detail { background: url('../images/company/img_history02.png') no-repeat right 0; } .sub01_05 .content_body #sub01_05_03 .history_detail { background: url('../images/company/img_history03.png') no-repeat right 0; } .sub01_05 .content_body #sub01_05_04 .history_detail { background: url('../images/company/img_history04.png') no-repeat right 0; } .sub01_05 .content_body #sub01_05_05 .history_detail { background: url('../images/company/img_history05.png') no-repeat right 0; } .sub01_05 .content_body .tab_detail .img_right { position: relative; *zoom: 1; } .sub01_05 .content_body .tab_detail .img_right:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .img_right .thum { /* position: absolute; right: 0; top: 0;*/ } .sub01_05 .content_body .tab_detail .img_right .thum img { display: block; } .sub01_05 .content_body .tab_detail .img_right dl { float: left; position: relative; margin-right: 270px; margin-top: 25px; *zoom: 1; } .sub01_05 .content_body .tab_detail .img_right .thum + dl { margin-top: 0; } .sub01_05 .content_body .tab_detail .img_right dl:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .img_right dl .year { position: absolute; top: 0; left: 0; margin-right: 29px; font-size: 25px; line-height: 27px; color: #386BC4; font-weight: bold; } .sub01_05 .content_body .tab_detail .img_right dl .month { float: left; margin-left: 86px; font-size: 15px; line-height: 24px; } .sub01_05 .content_body .tab_detail .img_right dl .month dfn { float: left; width: 36px; } .sub01_05 .content_body .tab_detail .img_right dl .month span { float: left; width: 320px; } /* 회사소개 - Contact Info - 사옥위치 */ #middle.company #contents.sub01_06_01 {} #middle.company #contents.sub01_06_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_06_01 h1 { margin-bottom:37px; } #middle.company #contents.sub01_06_01 .content_body .map_info { margin-bottom:30px; } #middle.company #contents.sub01_06_01 .content_body .map_info li { margin-bottom:6px; position: relative; padding-left: 60px; } #middle.company #contents.sub01_06_01 .content_body .map_info li dfn { position: absolute; left: 0; top: 0; width:48px; height:19px; line-height:18px; background:#386bc4; margin-right:8px; color:#fff; font-weight:bold; text-align:center; } #middle.company #contents.sub01_06_01 .content_body .map {float:left; width:712px; border: 1px solid #dbdbdb; margin-bottom:30px; } #middle.company #contents.sub01_06_01 .content_body .map img { vertical-align: top; } #middle.company #contents.sub01_06_01 .content_body .map_case { float:left; margin:0 0 90px 30px; width:calc(40% - 30px); } #middle.company #contents.sub01_06_01 .content_body .map_case dt { text-align: left; height:26px; line-height:26px; padding-left:36px; color:#386bc4; font-weight:bold; margin-bottom:7px; background:url('../images/company/ic06_01.png') no-repeat; } #middle.company #contents.sub01_06_01 .content_body .map_case dd { margin-bottom:5px; padding-left: 5%; text-align: left; } #middle.company #contents.sub01_06_01 .content_body .map_case dt.bg01 { background-position:0 0; } #middle.company #contents.sub01_06_01 .content_body .map_case dt.bg02 { background-position:0 -26px; } /* sub01_06_02 고객문의 */ .company #lnb h1 { } #contents.sub01_06_02 {} #contents.sub01_06_02 #location + h1 { margin-bottom: 36px; } .sub01_06_02 .content_body .tab01 { margin-top: 39px; margin-bottom: 28px; } .sub01_06_02 .content_body .tab01 > li { width: 50%; } .sub01_06_02 .content_body .contact_form { padding-top: 35px; font-size: 15px; } .sub01_06_02 .content_body .contact_form fieldset { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .sub01_06_02 .contact_form_1 td .txt_type label { display: inline-block; width: 115px; padding-right: 0; } .sub01_06_02 .content_body .contact_form dl dd strong { font-weight: normal; font-size: 13px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_01 dl .h347 { height: 347px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_01 dl .h347 + dd { padding-bottom: 12px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_01 dl dd textarea { width: 100%; height: 341px; border: 1px solid; border-color: #cecece #e6e6e6 #e6e6e6 #cecece; } .sub01_06_02 .content_body .contact_form #sub01_06_02_01 dl dd input[type="text"] { width: 100%; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 { border: 0 none; margin-bottom: 38px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul { overflow: hidden; width: 100%; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li { float: left; width: 10%; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li input { vertical-align: middle; margin-right: 5px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li dfn { font-weight: bold; } /* 약관동의 추가 150905 */ .sub01_06_02 .customer_agree { margin-top: 20px; } .sub01_06_02 .customer_agree h2 { font-size: 14px; margin-bottom: 10px; } .sub01_06_02 .customer_agree_box dl { margin-top: 10px; position: relative; margin-bottom: 5px; padding-left: 150px; line-height: 20px; } .sub01_06_02 .customer_agree_box dt { position: absolute; left: 0; top: 0; } .sub01_06_02 .customer_agree_box dd label { margin-right: 10px; } .sub01_06_02 .customer_agree_box { margin-bottom: 10px; background: #fff; padding: 20px; border: 1px solid #ccc; } .sub01_06_02 .customer_agree_box h2 { float: none !important; } .sub01_06_02 .customer_agree_box p{ margin-bottom: 10px; } .contact_form .ok_reset { text-align: center; padding-top: 30px; } .contact_form .ok_reset * { vertical-align: top; border-radius:0 !important; } .sub01_06_02 .content_body .contact_form dt strong { color: #f00; } /* 2. 사업영역 */ #middle.business {margin-top:128px; height:90vh;} #middle .sub_title_box {margin:0 auto; max-width:1400px; height:380px; text-align:center; color:#fff; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; background-position:center;} #middle .sub_title_box.chemical {background-image:url('../images/business/top_chemical.jpg');} #middle .sub_title_box.steel {background-image:url('../images/business/top_steel.jpg');} #middle .sub_title_box.energy {background-image:url('../images/business/top_energy.jpg');} #middle .sub_title_box.material {background-image:url('../images/business/top_material.jpg');} #middle .sub_title_box .sec_tit {padding-top:115px; line-height:1; font-size:65px; font-weight:100; letter-spacing:-.05em;} #middle .sub_title_box .btn_ico {margin:22px auto; } #middle .sub_title_box .sec_txr {font-size:17px; font-weight:300;} #middle .title_info {margin:45px 0 80px; letter-spacing:-.05em;} #middle .title_info > h3 {font-size:23px; font-weight:600; } #middle .title_info > p {margin-top:25px; line-height:1.6; font-size:16px; color:#777;} #middle .title_info .img_slide {position:relative; margin-top:64px; padding-left:700px;} #middle .title_info .img_slide .img_area {position:absolute; top:0; left:0;} #middle .title_info .img_slide .img_area > div {display:none; width:600px; height:600px;} #middle .title_info .img_slide .img_area > div:first-child {display:block;} #middle .title_info .img_slide .img_area > div img {width:600px; height:600px;} #middle .title_info .img_slide .list_area {min-height:598px; border-top:4px solid #000;} #middle .title_info .img_slide .list_area > ul {} #middle .title_info .img_slide .list_area > ul > li {padding:20px 0; border-bottom:1px solid #e5e5e5; cursor:pointer; background:url('../images/business/s_list_close.png') no-repeat 97% center;} #middle .title_info .img_slide .list_area > ul > li .list_tit {line-height:1; font-size:20px; letter-spacing:-.025em;} #middle .title_info .img_slide .list_area > ul > li .list_txt {display:none; font-size:16px; color:#777; letter-spacing:-.05em; line-height:1.5;} #middle .title_info .img_slide .list_area > ul > li .contact_box {display:none; margin-top:20px; padding:25px 0 0;} #middle .title_info .img_slide .list_area > ul > li .contact_box li {position:relative; margin:5px 0; padding-left:120px; min-height:30px; line-height:1.4; font-size:18px;} #middle .title_info .img_slide .list_area > ul > li .contact_box li > span {position:absolute; top:0; left:0; display:inline-block; padding:4px 30px 5px; font-size:15px; color:#fff; border-radius:2.5em; background:#94999d;} #middle .title_info .img_slide .list_area > ul > li .contact_box li > a {font-size:18px;} #middle .title_info .img_slide .list_area > ul > li small {display:none; font-size:16px; letter-spacing:-.035em;} #middle .title_info .img_slide .list_area > ul > li.active {padding:50px 0; border-bottom:1px solid #000; cursor:auto; background:none;} #middle .title_info .img_slide .list_area > ul > li.active small {display:none; color:#2665cd;} #middle .title_info .img_slide .list_area > ul > li.active .list_tit {font-size:50px;} #middle .title_info .img_slide .list_area > ul > li.active .list_txt {display:block; margin-top:20px; width:100%; min-height:61px;} #middle .title_info .img_slide .list_area > ul > li.active .contact_box {display:block; border-top:1px dashed #e5e5e5;} #middle .business_slide {overflow:hidden; padding:80px 0; background:#eff2f4;} #middle .business_slide .roll_box {} #middle .business_slide .roll_cont {margin-right:119px; padding:40px 50px; max-width:1180px; min-height:468px; box-sizing:border-box; background:#fff; -webkit-box-shadow: 18px 21px 80px 0px rgba(181,181,181,1); -moz-box-shadow: 18px 21px 80px 0px rgba(181,181,181,1); box-shadow: 18px 21px 80px 0px rgba(181,181,181,1);} #middle .business_slide .roll_cont.full {width:100%; max-width:100%;} #middle .business_slide .roll_cont .thumb {display:inline-block; width:46%;} #middle .business_slide .roll_cont .roll_info {display:inline-block; width:53%; line-height:1; vertical-align:top;} #middle .business_slide .roll_cont .roll_tit { font-size:40px; line-height:1.2; letter-spacing:-.05em; font-weight:500;} #middle .business_slide .roll_cont .roll_tit > small {display:block; margin-bottom:25px; letter-spacing:0; font-size:16px; color:#2665cd;} #middle .business_slide .roll_cont .roll_txt {margin-top:13px; font-size:16px; letter-spacing:-.05em; color:#777;} #middle .business_slide .roll_cont .roll_connect {margin-top:20px; padding:23px 0 22px; border-top:1px solid #e5e5e5;} #middle .business_slide .roll_cont .roll_connect > dl {margin:6px 0 7px; color:#000;} #middle .business_slide .roll_cont .roll_connect > dl > * {display:inline-block; vertical-align:top; line-height:1.6; font-size:14px; } #middle .business_slide .roll_cont .roll_connect dt {padding-left:12px; width:95px;box-sizing:border-box; background:url('../images/business/bullet01.gif') no-repeat left center;} #middle .business_slide .roll_cont .roll_connect dd {width:calc(100% - 100px); letter-spacing:-.015em; color:#777;} #middle .business_slide .roll_cont .roll_connect dd li {margin:5px 0;} #middle .business_slide .roll_cont .roll_info .btn_box a {padding:10px 25px;} #middle .business_slide .roll_cont .roll_info .btn_box span {padding-right:35px; background: url(../images/button/btn_arrow01.png) no-repeat right center;} /* bxslide */ #middle .business_slide .bx-viewport {overflow:visible !important;} #middle .business_slide .bx-wrapper .bx-pager { padding-top:45px; text-align:center; font-size:.85em; } #middle .business_slide .bx-wrapper .bx-pager-item { display:inline-block; } #middle .business_slide .bx-wrapper .bx-pager.bx-default-pager a { display:block; margin:0 5px; width:10px; height:10px; outline:0; text-indent:-999em; border-radius:1.25em; background:#b3b5b7; } #middle .business_slide .bx-wrapper .bx-pager.bx-default-pager a.active { width:55px; background:#4a4e54; } #middle .business_slide .bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-45px; outline:0; width:16px; height:30px; text-indent:-999em; background-repeat:no-repeat; background-image:url('../images/business/bx_ctrl.png'); z-index:10; } #middle .business_slide .bx-wrapper .bx-prev { left:-56px; background-position:0 0; } #middle .business_slide .bx-wrapper .bx-prev.disabled { cursor:default; left:-56px; background-position:0 -30px; } #middle .business_slide .bx-wrapper .bx-next { right:-40px; background-position:-16px 0; } #middle .business_slide .bx-wrapper .bx-next.disabled { cursor:default; background-position:-16px -30px; } /* 한눈에 보는 상사 신규 추가 */ #title_area.top_overview {margin-top:127px; padding-top:140px; height:408px; background-image:url('../images/background/top_overview.jpg');} #middle .over_top {position:relative; padding:117px 0; height:660px; box-sizing:border-box;} #middle .over_left {width:580px;} #middle .over_left .over_tit {margin-bottom:49px; line-height:1.2; font-size:62px; font-weight:400; letter-spacing:-.025em;} #middle .over_left .over_tit > em {display:block; font-weight:300; color:#2665cd;} #middle .over_left .over_txt {margin-bottom:14px; line-height:1.6; font-size:17px; color:#444; letter-spacing:-.05em;} #middle .over_left .over_txt > b {font-size:18px; font-weight:bold;} #middle .over_right {position:absolute; top:-120px; left:620px; color:#fff; background:#2665cd; -webkit-box-shadow: 10px 9px 98px -26px rgba(0,0,0,0.63); -moz-box-shadow: 10px 9px 98px -26px rgba(0,0,0,0.63); box-shadow: 10px 9px 98px -26px rgba(0,0,0,0.63);} #middle .over_right .over_box_top {padding:46px 50px 20px;} #middle .over_right .over_box_top > h2 {margin-bottom:26px; padding-bottom:30px; line-height:1; font-size:38px; font-weight:400; letter-spacing:-.025em; border-bottom:4px solid #e5e5e5;} #middle .over_right div > dl {margin:20px 0 18px;} #middle .over_right div > dl dt, #middle .over_right div > dl dd {display:inline-block; line-height:1.5; vertical-align:top; font-size:15px;} #middle .over_right div > dl dt {width:135px; font-weight:400;} #middle .over_right div > dl dd {width:calc(100% - 138px); font-weight:200;} #middle .over_right div > dl dd li {} #middle .over_right .over_box_bottom {padding:30px 50px 42px; background:#1751b2;} #middle .over_right .over_box_bottom dl {margin:5px 0;;} #middle .over_right .over_box_bottom dt {color:#f2f5f7;} #middle .over_right .over_box_bottom dt > span {display:inline-block; width:88px; height:30px; line-height:30px; text-align:center; border-radius:.85em; background:#093a8a;} #middle .over_right .over_box_bottom dd {height:30px; line-height:30px;} #middle .middle_banner {padding:155px; height:421px; letter-spacing:-.025em; text-align:center; color:#fff; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; background-position:center;} #middle .middle_banner.chemical {background-image:url('../images/business/chemical_banner.jpg');} #middle .middle_banner.steel {background-image:url('../images/business/steel_banner.jpg');} #middle .middle_banner.energy {background-image:url('../images/business/energy_banner.jpg');} #middle .middle_banner.material {background-image:url('../images/business/material_banner.jpg');} #middle .middle_banner.overview {background-image:url('../images/background/overview_banner.jpg');} #middle .middle_banner > h3 {line-height:.8; font-family: 'Roboto', sans-serif; font-size:60px; font-weight:100;} #middle .middle_banner > p {margin-top:32px; line-height:1.6; font-size:16px; font-weight:200;} #middle .middle_banner > p > em {display:block; font-weight:200;} #middle .business_info {margin-top:80px;} #middle .business_info li {margin-bottom:80px;} #middle .business_info li.last {margin-bottom:100px;} #middle .business_info li.last.box {padding-top:35px; border-top:1px solid #333;} #middle .business_info li.last.box b {color:#333;} #middle .business_info li > .prd_part {margin-top: 20px; line-height: 1.5; letter-spacing: -.05em; font-weight: 300; font-size: 16px; color: #777;} #middle .business_info .gWrap {overflow:hidden;} #middle .business_info .gLeft {float:left; margin-right:20px; width:calc(50% - 20px);} #middle .business_info .gLeft .img_band {right:-30px;} #middle .business_info .gLeft .prd_box {max-width:500px;} #middle .business_info .gRight {float:right; margin-left:20px; width:calc(50% - 20px);} #middle .business_info .gRight .img_band {left:-30px;} #middle .business_info .img_box {position:relative; max-width:500px;} #middle .business_info .bx-wrapper .bx-pager { position:absolute; top:23px; left:20px; font-size:.85em; } #middle .business_info .bx-wrapper .bx-pager-item { display:inline-block; } #middle .business_info .bx-wrapper .bx-pager.bx-default-pager a { display:block; margin:0 5px; width:10px; height:10px; outline:0; text-indent:-999em; border-radius:1.25em; background:#b3b5b7; } #middle .business_info .bx-wrapper .bx-pager.bx-default-pager a.active { width:55px; background:#4a4e54; } #middle .business_info .bx-wrapper .bx-controls-direction a { display:none; position:absolute; top:50%; margin-top:-15px; outline:0; width:16px; height:30px; text-indent:-999em; background-repeat:no-repeat; background-image:url('../images/business/bx_ctrl.png'); z-index:10; } #middle .business_info .bx-wrapper:hover .bx-controls-direction a {display:block;} #middle .business_info .bx-wrapper .bx-prev { left:15px; background-position:0 -30px; } #middle .business_info .bx-wrapper .bx-next { right:15px; background-position:-16px -30px; } #middle .business_info .img_box .img_band {position:absolute; bottom:30px; width:298px; height:57px; line-height:57px; text-align:center; font-family: 'Roboto', sans-serif; font-size:17px; color:#fff; background:rgba(25,60,154,.9);} #middle .business_info .prd_box {padding-top:43px; line-height:1.5; letter-spacing:-.05em; border-top:1px solid #000;} #middle .business_info .prd_box .prd_tit {margin-bottom:30px; font-size:34px; font-weight:500;} #middle .business_info .prd_box .prd_part {margin-top:20px; font-weight:300; font-size:16px; color:#777;} #middle .business_info .prd_box .prd_part > b {font-size:17px; color:#000;} #middle .business_info .prd_box .prd_part em {display:block;} #middle .business_info .prd_box .btn_box {margin-top:30px;} #middle .business_info .prd_box .btn_box .more {padding:10px 22px;} #middle .business_info .prd_box .btn_box .more > span {padding-right:24px; background:url('../images/button/btn_arrow01.png') no-repeat right center;} .bz_container {position: relative; margin:0 auto; height: 90vh; max-width:1920px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; overflow: hidden; border-top:1px solid #dedede;} .bz_slide { -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; float:left; width:25%; height:100%; position:relative; cursor: pointer; /* -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; */ background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .bz_slide.off {position:relative; width:5%;} .bz_slide.off.chemical {border-right: 1px solid rgba(255,255,255,.15); background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_chemical.jpg')} .bz_slide.off.steel {border-right: 1px solid rgba(255,255,255,.15); background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_steel.jpg')} .bz_slide.off.energy {border-right: 1px solid rgba(255,255,255,.15); background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_energy.jpg')} .bz_slide.off.material {border-right: 1px solid rgba(255,255,255,.15); background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_material.jpg')} .chemical { /* height: 100vh;*/ background-image: url('../images/background/bz_chemical.jpg'); } .steel { background-image: url('../images/background/bz_steel.jpg');} .energy { background-image: url('../images/background/bz_energy.jpg');} .material { background-image: url('../images/background/bz_material.jpg');} .bz_slide.active { -webkit-flex-grow: 16; flex-grow: 16; cursor:default; width:80%; padding-left:8%; box-sizing:border-box; background-color:#fff; background-image:none; /*background-position:80% center;*/ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .bz_slide.active + div { -webkit-box-shadow: inset 20px 0px 20px 0px rgba(0,0,0,0.39); -moz-box-shadow: inset 20px 0px 20px 0px rgba(0,0,0,0.39); box-shadow: inset 20px 0px 20px 0px rgba(0,0,0,0.39); } .bz_slide .object {position:absolute; opacity:0;} .bz_slide.active .object { } .bz_slide.active.chemical {padding-left:18%; } .bz_slide.active.steel { padding-left:12%; } .bz_slide.active.energy { padding-left:6%; } .bz_slide.active.material { padding-left:4%; } .bz_slide.active.chemical .object {bottom:40px; right:9%; width:598px; height:627px; background-image: url('../images/background/bz_active_chemical.png'); background-size:100% auto; background-position:right bottom;} .bz_slide.active.steel .object {bottom:50px; right:11%; width:871px; height:665px; background-image: url('../images/background/bz_active_steel.png'); background-size:100% auto; background-position:right bottom;} .bz_slide.active.energy .object {bottom:0; right:17%; width:578px; height:684px; background-image: url('../images/background/bz_active_energy.png'); background-size:100% auto; background-position:right bottom;} .bz_slide.active.material .object {bottom:30px; right:10.6%; width:764px; height:712px; background-image: url('../images/background/bz_active_material.png'); background-size:100% auto; background-position:right bottom;} /* 아코디언 닫기 */ .bz_slide .bz_close {display:none; position:absolute; top:82px; right:70px; width:34px; height:34px; text-indent:-999em; z-index:10;} .bz_slide.active .bz_close {display:block; cursor:pointer; background:url('../images/button/bz_close.png') no-repeat;} .bz_title {position: relative; top: 20%; margin: auto; text-align: center; font-size: 40px; font-family: 'Roboto', sans-serif; color: #f1f1f1; line-height:.9; } .bz_title > small {display:block; margin-bottom:25px; font-size:16px; font-weight:300;} .off .bz_title {position:absolute; top:154px; left:50%; margin-left:-50px; width:100px; text-align:left;font-size:20px; opacity:.7; transform: rotate(90deg) !important;} .off .bz_title > small {display:none;} .off .bz_sub_tit {display:none;} .contact-form { width: 100%;} .active_box {position:relative; display:none; letter-spacing:-.05em; z-index:5;} .active_box .active_txt {width:65%; line-height:1.6; font-size:14px; color:#747474;} .active_box .tag {margin-top:24px; font-size:15px;} .active_box .tag > span {display:inline-block; padding-right:15px;} .active_box .btn_box {margin-top:50px;} .active_box .btn_box .more {padding:10px 22px;} .active_box .btn_box .more > span {padding-right:24px; background:url('../images/button/btn_arrow01.png') no-repeat right center;} .active .active_box {top:111px; display:block;} .active .bz_title {top:12%; text-align:left; font-size:82px; font-weight:bold; color:#000; z-index:5;} .active .bz_title > small {font-size:24px; color:#2665cd;} .active .bz_sub_tit {top:98px; display:block; margin:0; padding:0; text-align:left; font-size:18px; font-weight:bold; color:#000; z-index:5;} .active .bz_sub_tit > p > br {display:none;} .bz_sub_tit { color: #f1f1f1; position: relative; width: 70%; font-size: 16px; letter-spacing:-.01em; padding: 5%; top: 20%; line-height: 1.3; margin: auto; text-align: center; transform: rotate(0deg); /*-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;*/ } .bz_sub_tit:before { content:''; display:block; margin:16px auto 26px; width:33px; height:2px; background:#fff; } @keyframes aboutFlexSlide { 0% { -webkit-flex-grow: 1; flex-grow: 1; } 50% { -webkit-flex-grow: 3; flex-grow: 3; } 100% { -webkit-flex-grow: 1; flex-grow: 1; } } @keyframes homeFlextitle { 0% { transform: rotate(90deg); top: 15%; } 50% { transform: rotate(0deg); top: 15%; } 100% { transform: rotate(90deg); top: 15%; } } @keyframes flexAboutHome { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* 상사 사업영역 (sub02) 공통 부분 */ [class^="sub02_"] .content_body .thum img { vertical-align: top; } [class^="sub02_"] .content_body .absolute_box .thum > img { width: 100%; height: 165px; } [class^="sub02_"] .content_body .thum > img { width: 100%; } [class^="sub02_"] .content_body .thum_wrap .thum > img { height: 93px; } [class^="sub02_"] .content_body .keep .thum img, [class^="sub02_"] .organizing .thum img { width: auto; } [class^="sub02_"] .content_body { color: #333; } [class^="sub02_"] .content_body .intro dl:first-child { margin-top: 0; } [class^="sub02_"] .content_body .intro dl:first-child dd { font-size: 20px; line-height: 28px; font-weight: normal; } [class^="sub02_"] .content_body .intro dl { position: relative; width: 100%; margin-top: 21px; } [class^="sub02_"] .content_body .intro dl dt { position: absolute; width: 97px; top: 0; left: 0; font-weight: bold; color: #386bc4; } [class^="sub02_"] .content_body .intro dl dd { margin-left: 97px; } [class^="sub02_"] .content_body .intro { margin-bottom: 40px; } [class^="sub02_"] .content_body .tab_detail { } [class^="sub02_"] .content_body .tab_detail:first-child { margin-top: 0; } [class^="sub02_"] .content_body .tab_detail_top{ position: relative; margin-bottom: 35px; padding-bottom: 35px; width: 100%; height: auto; min-height: 172px; border-bottom: 1px solid #7B9DD8; } [class^="sub02_"] .content_body .tab_detail_top .thum { position: absolute; left: 0; right: 0; width: 253px; } [class^="sub02_"] .content_body .tab_detail_top .thum img { vertical-align: top; } [class^="sub02_"] .content_body .tab_detail_top .left { margin-left: 286px; float: none; } [class^="sub02_"] .content_body .tab_detail_top .left ul { padding-bottom: 10px; } [class^="sub02_"] .content_body .tab_detail_top .left dl { position: absolute; bottom: 35px; left: 286px; } [class^="sub02_"] .content_body .tab_detail_top .left dt { display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 19px; padding: 0 8px; text-align: center; color: #fff; background: #386bc4; } [class^="sub02_"] .content_body .tab_detail_top .left dd a { color: #333; } [class^="sub02_"] .content_body .tab_detail_top .left dfn { margin-right: 5px; } [class^="sub02_"] .content_body .strategy { clear: both; width: 100%; } [class^="sub02_"] .content_body .strategy h2, [class^="sub02_"] .content_body .strategy h3 { font-size: 14px; color: #3666B3; } [class^="sub02_"] .content_body .strategy > p { margin-top: 30px; } [class^="sub02_"] .content_body .strategy > p:first-child, [class^="sub02_"] .content_body .strategy h2 + p, [class^="sub02_"] .content_body .strategy h3 + p { margin-top: 0; } [class^="sub02_"] .content_body .strategy dl dt { margin-bottom: 10px; font-weight: bold; color: #386bc4; } [class^="sub02_"] .content_body .strategy [class^="img_"] { margin-top: 40px; background-repeat: no-repeat; } [class^="sub02_"] .content_body .strategy .img_left { background-position: left 0; } [class^="sub02_"] .content_body .strategy .img_right { background-position: right 0; } [class^="sub02_"] .content_body .strategy [class^="img_"] dd { margin-bottom: 35px; } [class^="sub02_"] .content_body .strategy .img_left .thum { left: 0; } [class^="sub02_"] .content_body .strategy .img_right .thum { right: 0; } [class^="sub02_"] .blt { display: block; padding-left: 8px; background: url('../images/business/blt.png') no-repeat left 9px; } [class^="sub02_"] .major { margin-bottom: 35px; padding:0; border-bottom: 1px solid #ccc; *padding-bottom: 30px; } [class^="sub02_"] .major .major_list { position: relative; left: -9px; width: 732px; *zoom: 1; position: relative; z-index: 10; } [class^="sub02_"] .major .major_list:after { display: block; content: ""; clear: both; } [class^="sub02_"] .major .major_list > li { position: relative; margin-bottom: 30px; padding: 0 9px; float: left; width: 165px; text-align: center; z-index: 0; } [class^="sub02_"] .major .major_list .mj_top { height: 492px; } [class^="sub02_"] .major .major_list > li > div > .thum { position: relative; display: block; width: 163px; margin-bottom: 5px; cursor: pointer; border: 1px solid #999; } [class^="sub02_"] .major .major_list > li > div > .thum > span { cursor: pointer; } [class^="sub02_"] .major .major_list > li > .thum_wrap { position: relative; background: none; padding-bottom: 0; height: 140px; overflow: hidden; z-index: 1; } [class^="sub02_"] .major .major_list > li > .thum_wrap span { display: inline-block; font-size: 13px; line-height: 19px; } [class^="sub02_"] .major .major_list > li.on { z-index: 10; } [class^="sub02_"] .major .major_list > li.on > .thum_wrap { background: url('../images/business/major_pop_bg.png') no-repeat center bottom; padding-bottom: 32px; } [class^="sub02_"] .major .major_list > li .absolute_box { display: none; position: relative; top: -1px; left: 0; width: 714px; text-align: left; z-index: 0; } [class^="sub02_"] .major .major_list > li.on .absolute_box { display: block; } [class^="sub02_"] .major .major_list > li .absolute_box > dl { overflow: hidden; position: relative; padding: 30px 30px 58px 357px; border: 1px solid #386bc4; background: #fafafa; } [class^="sub02_"] .major .major_list > li .absolute_box > dl > dt { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #386bc4; } [class^="sub02_"] .major .major_list > li .absolute_box > dl .thum { position: absolute; left: 30px; top: 30px; width: 291px; border: 1px solid #999; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 { float: left; width: 100%; margin-bottom: 15px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul { } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul:after { content:""; display: block; clear: both; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li { } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li > div { position: relative; padding-left: 70px;} [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li dfn { position: absolute; left: 0; top: 0; margin-right: 5px; line-height: 25px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li span { display: inline-block; *display: inline; *zoom: 1; width: auto; margin-right: 5px; line-height: 25px; vertical-align: top; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 { float: left; width: 100%; padding-top: 15px; border-top: 1px solid #d2d2d2; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dfn { display: block; font-weight: bold; margin-bottom: 10px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 div { line-height: 18px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 p:first-child { font-size: 14px; font-weight: bold; line-height: 22px; letter-spacing: 0; margin-bottom: 5px; color: #002e97; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dl { position: relative; padding-left: 40px; line-height: 22px; margin-bottom: 5px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dl dt { position: absolute; left: 0; top: 0; color: #fff; padding: 0 2px; background: #386bc4; text-align: center; width: 30px; font-weight: bold; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dl dd { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dl dd a { color: #333; } [class^="sub02_"] .major .major_list > li .absolute_box dl .location { width: auto; position: absolute; right: 30px; bottom: 25px; text-align: center; } [class^="sub02_"] .major .major_list > li .absolute_box dl .location a { display: block; padding: 0 15px; height: 27px; line-height: 27px; background: #386bc4; } [class^="sub02_"] .major .major_list > li .absolute_box dl .location a span { padding-left: 18px; color: #fff; background: url('../images/business/bg_location.png') no-repeat left 1px; } [class^="sub02_"] .major .major_list > li .absolute_box dl + a { position: absolute; top: 20px; right: 19px; text-indent: 0; background: none; } [class^="sub02_"] .major .major_list .thum .btn_plus { position: absolute; bottom: 6px; right: 6px; width: auto; height: auto; } /* sub02_02 화학,소재 */ #contents.sub02_02 > h1 { margin-bottom: 36px; } #contents.sub02_02 { } .sub02_02 .content_body .strategy .img_left .thum { width: 232px; } .sub02_02 .content_body .strategy .img_left dl { margin-left: 232px; } .sub02_02 .content_body .strategy .img_right .thum { } .sub02_02 .content_body .strategy .img_right dl { margin-right: 148px; } .sub02_02 .content_body .strategy [class^="img_"] { margin-top: 40px; } .sub02_02 .content_body .strategy .img_left { background-image: url('../images/business/sub02_02_img_left_1.png'); } .sub02_02 .content_body .strategy .img_right { background-image: url('../images/business/sub02_02_img_right_1.png'); } /* sub02_03 철강 */ #contents.sub02_03 > h1 { margin-bottom: 36px; } #contents.sub02_03 { } .sub02_03 .content_body .tab01 li { width: 33%; } .sub02_03 .content_body .strategy .img_right dl { margin-right: 219px; padding: 30px 0; } .sub02_03 .content_body .strategy .img_right { margin-top: 30px; background: url('../images/business/sub02_03_img_right_1.png') no-repeat right 10px; } /* sub02_04 자원 */ #contents.sub02_04 > h1 { margin-bottom: 36px; } #contents.sub02_04 { } .sub02_04 .content_body .tab01 li { width: 33%; } #contents.sub02_04 .content_body .strategy .img_right { margin-top: 30px; } .sub02_04 .content_body .strategy dd.img_left { height: 212px; padding-left: 205px; background: url('../images/business/sub02_04_img_left_1.png') no-repeat left 0; } .sub02_04 .content_body .strategy dd.img_left + dd { padding-left: 225px; } .sub02_04 .content_body .strategy dd.img_left .block { margin-top: 30px; } .sub02_04 .content_body .strategy .img_right dl { margin-right: 150px; } .sub02_04 .content_body .strategy .img_right { background-image: url('../images/business/sub02_04_img_right_1.png'); } /* sub02_05 생활산업 */ #contents.sub02_05 > h1 { margin-bottom: 36px; } #contents.sub02_05 {} .sub02_05 .content_body .tab01 li { width: 24.8%; } .sub02_05 .content_body .strategy .img_left dl { margin-left: 210px; padding-bottom: 30px; } .sub02_05 .content_body .strategy .img_left { background-image: url('../images/business/sub02_05_img_left_1.png'); } .sub02_05 .content_body .strategy .img_right { background-image: url('../images/business/sub02_05_img_left_2.png'); } /* sub02_06 기계플랜트 */ #contents.sub02_06 > h1 { margin-bottom: 36px; } #contents.sub02_06 {} /* 140206 정다영 수정*/ .sub02_06 .salesbook { position:absolute; top:80px; right:425px; width: 100px; height:46px; background: url('../images/business/btn_sales.png') no-repeat ; } .sub02_06 .salesbook .text { padding:20px 0 0 51px; color: #333; line-height: 18px; letter-spacing:0; font-weight:bold; font-size: 14px; display:block; } .sub02_06 .content_body .tab01 li { width: 20%; } .sub02_06 .content_body .strategy .img_left dl { margin-left: 275px; } .sub02_06 .content_body .strategy .img_left .thum { padding-top: 40px; } .sub02_06 .content_body .strategy .img_right dl { margin-right: 200px; } .sub02_06 .content_body .strategy .img_left { background-image: url('../images/business/sub02_06_img_left_1.png'); } .sub02_06 .content_body .strategy .img_right { background-image: url('../images/business/sub02_06_img_right_1.png'); } /* sub02_07 그린에너지 */ #contents.sub02_07 > h1 { margin-bottom: 36px; } #contents.sub02_07 { } .sub02_07 .content_body .tab01 li { width: 33%; } .sub02_07 .content_body .strategy .img_left dl { margin-left: 275px; } .sub02_07 .content_body .strategy .img_left { background-image: url('../images/business/sub02_07_img_left_1.png'); } /* 3. 사회공헌 */ /* sub03_01 CSR World */ #contents.sub03_01 {*zoom: 1; } #contents.sub03_01:after { content:""; display: block; clear: both; } #contents.sub03_01 h1 { margin-bottom:37px; } .sub03_01 .p_comm { font-size:16px; color:#333; line-height:25px; margin-bottom:53px; padding:0 10px; } .sub03_01 .wrap_conts { width:100%; overflow:hidden; } .sub03_01 .wrap_conts .visual_area { float:left; width:378px; height:340px; } .sub03_01 .list_social { float:left; padding-left:36px; margin-bottom:40px; } .sub03_01 .list_social li { padding:8px 0 } .sub03_01 .list_social li a { font-size: 20px; color:#333; height: 35px; line-height:35px; display: block; background: url('../images/social/ic_ct.png') no-repeat; padding-left:54px; } .sub03_01 .list_social li .ic01 { background-position: 0 0; } .sub03_01 .list_social li .ic02 { background-position: 0 -51px; } .sub03_01 .list_social li .ic03 { background-position: 0 -102px; } .sub03_01 .list_social li .ic04 { background-position: 0 -154px; } .sub03_01 .graph { float:left; width:302px; padding-left:34px; position:relative; } .sub03_01 .graph h2 { font-size:34px; line-height:36px; font-weight:normal; padding:5px 0 20px 0; border-bottom:1px solid #ccc; margin-bottom:20px; } .sub03_01 .graph .ic_comm { position:absolute; top:0; right:0; width: 125px; font-size: 13px; *letter-spacing: -2px; } .sub03_01 .graph .ic_comm > div { float:left; height:15px; line-height:15px; margin-bottom:10px; } .sub03_01 .graph .ic_comm > div img { margin-right:4px; vertical-align:middle; } .sub03_01 .graph dl { width:100%; font-size: 13px; margin-bottom:24px; *zoom: 1; } .sub03_01 .graph dl:after { content:""; display: block; clear: both; } .sub03_01 .graph dl dt { float:left; width:82px; text-align:center; font-size:14px; color:#333; } .sub03_01 .graph dl dd { float:right; margin-bottom:4px; width:220px; } .sub03_01 .graph dl dd > div { height:15px; width:157px; } .sub03_01 .graph dl dd .gp01 > div { background:url('../images/social/graph01.png') no-repeat top right; } .sub03_01 .graph dl dd .gp02 > div { background:url('../images/social/graph02.png') no-repeat top right; } .sub03_01 .graph dl dd .gp03 > div { background:url('../images/social/graph03.png') repeat-x top right; } .sub03_01 .graph dl dd .gp01 span { color:#3867b4; right: -45px; } .sub03_01 .graph dl dd > div > div { height:15px; position:relative; } .sub03_01 .graph dl dd span { position:absolute; top:0; right:-35px; display:inline-block; line-height:14px; } .sub03_01 .graph ul { border-top:1px solid #ccc; padding-top:14px; } .sub03_01 .graph ul li { line-height:22px; font-size:14px; } .sub03_01 .csr_linkbox {overflow:hidden; margin-left:22%;} .sub03_01 .movie {position:relative; width:100%; margin-top:-50px; padding-top:77px; background:url(../images/social/movie_bg.png) no-repeat top right; clear:both;} .sub03_01 .movie .movie_frame {position:relative; padding-bottom:56.3%; background-color:#ededed; margin:0 auto; clear:both; } .sub03_01 .movie .movie_frame .text { float:right; font-size:12px; background-color:#fff; overflow-y: scroll; width: 180px; height: 287px; padding: 7px; margin-top: 0px; text-align: left; border: 1px solid #ccc; } .sub03_01 .movie .movie_frame iframe {position:absolute; width:100%; height:100%;} /* sub03_02 대표 공헌활동 */ #contents[class^="sub03_"] { } #contents[class^="sub03_"] .content_body { color: #333; margin-top: 37px; padding-top: 30px; border-top: 1px solid #ccc; } #middle.coperate #lnb h1 { background: url("../images/social/bg_lnb_coperate.png") no-repeat; } /* 탭 메뉴 다문화 아동지원 */ .sub03_02 .tab01 li { width: 50%;} .sub03_02 .tab_detail p { line-height: 30px; } .sub03_02 .multiple_cultures_area { padding-top: 40px; background: url("../images/social/bg_flower.png") no-repeat 635px 15px; } .sub03_02 .multiple_cultures_area .multiple_cultures { padding: 0 0 20px 325px; background: url("../images/social/bg_child_support.png") no-repeat left 0; } .sub03_02 h2 { font-weight: normal; } .sub03_02 li { line-height: 30px; } .sub03_02 li dfn { margin-right: 10px; } /* 탭 메뉴 무궁화 사랑 운동 */ .sub03_02 .love_exercise { margin-top: 45px; padding-bottom: 20px; background: url("../images/social/bg_love_exercise.png") no-repeat right 0; } /* sub03_03 글로벌 공헌활동 */ .sub03_03 .content_body div p { line-height: 30px; } .sub03_03 .overseas_child { margin-top: 40px; background: url("../images/social/bg_overseas_child.png") no-repeat left 0; } .sub03_03 .overseas_child .txt_overseas_child { margin-left: 225px; } .sub03_03 .executives_serve { margin-top: 25px; background: url("../images/social/bg_executives_serve.png") no-repeat right 0; } .sub03_03 .executives_serve dl { margin-top: 10px; } .sub03_03 .executives_serve dt span { display: inline-block; width: 40px; line-height: 18px; text-align: center; color: #fff; padding-bottom: 4px; background: #386bc4; } .sub03_03 .executives_serve dd { margin-top: 7px; } .sub03_03 .executives_serve dd.first { margin-top: 5px; } .sub03_03 .overseas_serve { margin-top: 40px; padding-top: 15px; margin-right:20px; background: url("../images/social/bg_overseas_serve.png") no-repeat right 0; } /* sub03_04 지역사회 */ .sub03_04 .content_body > p { font-size: 16px; } .sub03_04 .content_body p { line-height: 30px; } .sub03_04 .communtiy { margin-top: 5px; padding-top: 30px; padding-right: 200px; background: url("../images/social/bg_communtiy1.png") no-repeat right 0; } .sub03_04 .communtiy_1 { margin-top: 50px; padding-top: 0px; padding-right: 200px; background: url("../images/social/bg_communtiy_1.png") no-repeat right 0; } .sub03_04 .voluntary_service_area { margin-top: 30px; padding-bottom: 10px; background: url("../images/social/bg_communtiy2.png") no-repeat left 0; } .sub03_04 .voluntary_service_area .txt_voluntary_service { padding-left: 210px; } .sub03_04 .sponsor_area { margin-top: 25px; padding: 15px 0 5px; padding-left: 210px; background: url("../images/social/bg_communtiy3.png") no-repeat left center; } .sub03_04 .sponsor_area .sponsor { } .sub03_04 .sisters { margin-top: 40px; } /* sub03_04 사회공헌 뉴스, sub05_01 뉴스 */ .photo_news .content_body a { display: block; color: #333; } .photo_news .content_body .coal_area { width: 100%; } .photo_news .content_body .coal_area:after { content: ""; clear: both; display: block; } .photo_news .content_body .coal_area dl { float: right; width: 50%; } .photo_news .content_body .coal_area .thumbnail_img { float: left; } .photo_news .content_body .coal_area dt { font-size: 18px; line-height: 28px; font-weight: bold; } .photo_news .content_body .coal_area dl span { color: #333; } .photo_news .content_body .coal_area dd { line-height: 24px; margin: 10px 0 25px; padding-top: 15px; border-top: 1px solid #e1e1e1; } .photo_news .content_body .coal_area a:hover dd { text-decoration: underline; } .photo_news .content_body .coal_area span.day { position: relative; left: 30px; bottom: 0; display: inline-block; *display: inline; *zoom: 1; *white-space: nowrap; color: #3668bc; } .photo_news .news_area { width: 100%; margin-top: 0; padding: 5px 0 40px; border-bottom: 1px solid #ccc; } .photo_news .news_area:after { content: ""; clear: both; display: block; } .photo_news .news_area a:hover p { text-decoration: underline; } .photo_news .news_area .odd { float: left; margin-top: 35px; width: 47%; } .photo_news .news_area .even { float: right; margin-top: 35px; width: 47%;} .photo_news .news_area a { width: 100%; } .photo_news .news_area a:after { content: ""; clear: both; display: block; } .photo_news .news_area .thumbnail_img { float: left; width:210px; height:140px;} .photo_news .news_area .thumbnail_img img {width:100%; height:100%;} .photo_news .news_area p { float: left; margin:10px 0 22px 30px; width: 48%; height: 45px; overflow: hidden; font-size:17px; line-height: 24px; } .photo_news .news_area p span { display: block; } .photo_news .news_area span.color_mt {float:left; color: #3668bc; margin-left: 30px; font-size:13px; word-wrap: normal; *zoom: 1; } .photo_news .content_body .paging { margin-top: 20px; text-align: center; line-height: 23px; font-size:13px; } .photo_news .content_body .paging .first { color: #3371d9; } .photo_news .content_body .paging .on { color: #3371d9; } .photo_news .content_body .paging strong { display: inline-block; padding: 0 10px; border: 1px solid #d3d3d3; } .photo_news .content_body .paging a { display: inline-block; padding: 0 10px; font-weight: bold; } .photo_news .content_body .paging .last { color: #3371d9; } /* sub03_04_view, sub04_04_view, sub05_01_view 사회공헌 뉴스 상세 페이지 */ .photo_news_view .content_body { position: relative; } .photo_news_view h2 { font-size: 18px; line-height: 25px; padding: 15px 180px 13px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f9f9f9; } .photo_news_view .info { position: absolute; right: 30px; top: 53px; font-size: 13px; line-height: 20px; font-weight: normal; } .photo_news_view .info em { display: inline-block; color:#fff; margin-left: 10px; padding: 0 8px 2px; background: #757575; } .photo_news_view a { color: #333; } .photo_news_view .pg_view, .photo_news_view .day { color: #888; } .photo_news_view .news_contents { padding: 15px 0 35px; border-bottom: 1px solid #ccc;} .photo_news_view .news_contents .day_pageview { text-align: right; font-size: 13px; margin-bottom: 15px; } .photo_news_view .news_contents .text_area_view { padding: 0 20px; *zoom: 1; } .photo_news_view .news_contents .text_area_view:after { content: ""; clear: both; display: block; } .photo_news_view .btn_copy { margin-top: 15px; text-align: right; } .photo_news_view .btn_copy a { display: inline-block; color: #fff; font-size: 12px; font-weight: bold; } .photo_news_view .btn_copy .first { margin-right: -3px; padding: 0 20px 2px; background: #6f6f6f; } .photo_news_view .btn_copy .last { padding: 0 30px 2px; background: #444; } .photo_news_view .list_area { margin-top: 40px; } .photo_news_view dl { position: relative; padding-left: 100px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; *zoom: 1; } .photo_news_view dl.last { border-top: 0; } .photo_news_view dl:after { content: ""; clear: both; display: block; } .photo_news_view dt { position: absolute; left: 0; top: 0; width: 100px; height: 100%; line-height: 37px; background: #f9f9f9; } .photo_news_view dt a { margin-left: 21px; padding-left: 18px; } .photo_news_view .first dt a { background: url("../images/news/bg_arrow1.png") no-repeat left 5px; } .photo_news_view .last dt a { background: url("../images/news/bg_arrow2.png") no-repeat left 5px; } .photo_news_view dd { line-height: 37px; } .photo_news_view dd a:hover { text-decoration: underline; } .photo_news_view dd a { float: left; display: inline-block; width: 76%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .photo_news_view .day_hit { word-wrap: normal; font-size: 13px; float: right; padding-right: 10px; } .photo_news_view .list_area .day { float: right; margin-right: 0; } .photo_news_view .day { margin-right: 10px; } .photo_news_view .pg_view { margin-left: 0; padding-left: 10px; background: url("../images/news/bg_line02.gif") no-repeat left 3px; } .photo_news_view .btn_list { text-align: center; margin-top: 15px; } .photo_news_view .btn_list a { display: inline-block; font-weight: bold; color: #fff; padding: 0 20px 0 20px; background: #386bc4; } .photo_news_view .btn_list a span { display: inline-block; padding: 8px 0 8px 20px; background: url("../images/news/bg_btn_ico2.png") no-repeat left 10px; } /* 4. 채용정보 */ /* sub04 lnb 배경 공통 */ #middle.recruit #lnb h1 { background: url("../images/recruit/bg_lnb_recruit.png") no-repeat; } /* 채용정보 - 인재상 */ /* #middle.recruit #contents.sub04_01 { background-image: url('../images/lnb/lnb04_01.png'); *zoom: 1; } */ #middle.recruit #contents.sub04_01:after { content:""; display: block; clear: both; } #middle.recruit #contents.sub04_01 h1 { margin-bottom:37px; } #middle.recruit #contents.sub04_01 a { color:#333; } #middle.recruit #contents.sub04_01 p span { font-size:16px; } #middle.recruit #contents.sub04_01 .comm { text-align:center; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; } #middle.recruit #contents.sub04_01 .comm dt { margin-bottom:18px; } #middle.recruit #contents.sub04_01 .comm dt .t01 { font-size:26px; line-height:26px; color:#333; margin-bottom:12px; } #middle.recruit #contents.sub04_01 .comm dt .t02 { font-size:40px; line-height:40px; color:#2d2d2d; font-weight:normal; } #middle.recruit #contents.sub04_01 .comm dd { font-size:14px; line-height:25px; } #middle.recruit #contents.sub04_01 .content_body .box01 { margin:0 auto; padding-top:20px; width:730px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face { position:relative; width:100%; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt { position:absolute; top:0px; left:210px; width:311px; height:181px; padding-top:130px; background:url('../images/recruit/img01_01.png') no-repeat; color:#fff; font-size:16px; text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt span { text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt strong { font-size:20px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dd { height:410px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in { position:absolute; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt { font-size:18px; color:#333; margin-bottom:10px; font-weight:bold; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt em { display:block; margin-bottom:5px; font-size:20px; color:#386bc4; font-weight:bold; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dd { width:185px; font-size:13px; line-height:18px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face01 { top:0; left:0; text-align:right; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face02 { top:0; right:0;} #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face03 { top:218px; left:0; text-align:right; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face04 { top:218px; right:0; } /* 채용정보 - 인사제도 - 직급제도 */ #middle.recruit #contents.sub04_02_01 .content_body .list_eval { } #middle.recruit #contents.sub04_02_01 .content_body .list_eval li { margin-bottom:5px; font-weight:bold; } #middle.recruit #contents.sub04_02_01 .content_body .list_eval dfn { font-weight:bold; } #middle.recruit #contents .content_body .wrap_dl01 { border-top:2px solid #878787; border-bottom:2px solid #878787; margin-bottom:40px; } #middle.recruit #contents .content_body .wrap_dl01 dl { position:relative; width:100%; border-bottom:1px solid #e8e8e8; background:#f9f9f9;} #middle.recruit #contents .content_body .wrap_dl01 dt { position:absolute; top:0; left:0; width:210px; padding:6px 5px 6px 20px; font-weight:bold; } #middle.recruit #contents .content_body .wrap_dl01 dd { padding:6px 20px; margin-left:234px; background:#fff; } /* 채용정보 - 인사제도 - 급여 및 복리후생 */ #middle.recruit #contents .tb01 { border-top:2px solid #878787; border-bottom:2px solid #878787; margin-bottom:45px; } #middle.recruit #contents .tb01 th { background:#f9f9f9; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; letter-spacing: -2px; } #middle.recruit #contents .tb01 th.title { background:#fff; font-weight:bold; } #middle.recruit #contents .tb01 td { padding:5px 15px; border-bottom:1px solid #e8e8e8; } #middle.recruit #contents .tb01 .bd_line01 { border-bottom:1px solid #595959; } #middle.recruit #contents .tb01 .bd_line02 { border-bottom:1px solid #bebebe; } #middle.recruit #contents .tb03 { width:100%; margin-bottom:40px; border-top:2px solid #878787; border-bottom:2px solid #878787; } #middle.recruit #contents .tb03 th { padding:5px 0 6px 15px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; text-align:left; } #middle.recruit #contents .tb03 td { padding:5px 0 6px 15px; border-bottom:1px solid #e8e8e8; } #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width: 714px; margin: 0 auto; border-top:1px solid #e5e5e5; *zoom:1; } #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } #middle.recruit #contents.sub04_02_02 .list_welfare li { float:left; width:237px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; text-align:center; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl dd { } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl01 { background:url('../images/recruit/bg02_02_01.png') no-repeat 56px 25px; border-left:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl02 { background:url('../images/recruit/bg02_02_02.png') no-repeat 56px 25px; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl03 { background:url('../images/recruit/bg02_02_03.png') no-repeat 56px 25px; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl04 { background:url('../images/recruit/bg02_02_04.png') no-repeat 56px 25px; border-left:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl05 { background:url('../images/recruit/bg02_02_05.png') no-repeat 56px 25px; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl06 { background:url('../images/recruit/bg02_02_06.png') no-repeat 56px 25px; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl07 { background:url('../images/recruit/bg02_02_07.png') no-repeat 56px 25px; border-left:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl08 { background:url('../images/recruit/bg02_02_08.png') no-repeat 56px 25px; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl09 { background:url('../images/recruit/bg02_02_09.png') no-repeat 56px 25px ; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl10 { background:url('../images/recruit/bg02_02_10.png') no-repeat 56px 25px; border-left:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_02 .list_welfare li .dl11 { background:url('../images/recruit/bg02_02_11.png') no-repeat 56px 25px; } /* 채용정보 - 인사제도 - 인재육성 */ #middle.recruit #contents .content_body .tb02 { width:714px; margin-bottom:40px; border-bottom:1px solid #c9c9c9; } #middle.recruit #contents .content_body .tb02 th { } #middle.recruit #contents .content_body .tb02 th em { display:block; font-weight:bold; font-size:16px; } #middle.recruit #contents .content_body .tb02 thead th { height:60px; color:#fff; background:url('../images/recruit/bg03_01.png') no-repeat; } #middle.recruit #contents .content_body .tb02 .th_col01 { background:url('../images/recruit/bg02_02.png') repeat-x bottom; } #middle.recruit #contents .content_body .tb02 .th_col02 { background-position:0 0; } #middle.recruit #contents .content_body .tb02 .th_col03 { background-position:-205px 0; } #middle.recruit #contents .content_body .tb02 .th_col04 { background-position:-409px 0; } #middle.recruit #contents .content_body .tb02 tbody th { border-bottom:1px solid #ccc; } #middle.recruit #contents .content_body .tb02 .grade01 { height:89px; } #middle.recruit #contents .content_body .tb02 .grade02 { height:119px; } #middle.recruit #contents .content_body .tb02 .grade03 { height:163px; } #middle.recruit #contents .content_body .tb02 td { height:373px; background:url('../images/recruit/bg03_02.png') no-repeat; vertical-align:top; } #middle.recruit #contents .content_body .tb02 td.h_txt01 { height:373px; background-position:0 0; } #middle.recruit #contents .content_body .tb02 td.h_txt02 { height:373px; background-position:0 -373px; } #middle.recruit #contents .content_body .tb02 td.h_txt03 { height:373px; background-position:0 -746px; } #middle.recruit #contents .content_body .tb02 td.h_txt01 dl, #middle.recruit #contents .content_body .tb02 td.h_txt02 dl, #middle.recruit #contents .content_body .tb02 td.h_txt03 dl { height:0px; padding-top:373px; overflow:hidden; } #middle.recruit #contents .content_body .tb02 .bd_line01 { border-bottom:1px solid #595959; } #middle.recruit #contents .content_body .tb02 .bd_line02 { border-bottom:1px solid #bebebe; } #middle.recruit #contents.sub04_02_03 .list_eduPro { border-top:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_03 .list_eduPro li { border-bottom:1px solid #e5e5e5; padding:20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl { height:73px; padding-left:140px; padding-top:14px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dt { font-size:20px; margin-bottom:10px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dd { font-size:16px; line-height:20px; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list01 { background:url('../images/recruit/bg02_03_01.png') no-repeat 20px 0; padding-top:15; height:75px; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list02 { background:url('../images/recruit/bg02_03_02.png') no-repeat 20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list03 { background:url('../images/recruit/bg02_03_03.png') no-repeat 20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list04 { background:url('../images/recruit/bg02_03_04.png') no-repeat 20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list05 { background:url('../images/recruit/bg02_03_05.png') no-repeat 20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list06 { background:url('../images/recruit/bg02_03_06.png') no-repeat 20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list07 { background:url('../images/recruit/bg02_03_07.png') no-repeat 20px 0; } /*160517추가*/ #middle.recruit #contents.sub04_02_03 .list_welfare { position:relative; width: 880px; margin: 0 auto; border-top:0px solid #e5e5e5; *zoom:1; } #middle.recruit #contents.sub04_02_03 .list_welfare:after { content:""; display:block; clear:both; } #middle.recruit #contents.sub04_02_03 .list_welfare li { float:left; width:220px; border-right:0px solid #e5e5e5; border-bottom:0px solid #e5e5e5; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl { height:150px; padding-top:170px; padding-right:22px; padding-left:18px; line-height:20px; text-align:left; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; line-height: 25px; font-weight:bold; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl dd { height: 75px; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl01 { background:url('../images/recruit/svp.jpg') no-repeat 46px 25px; border-right:1px solid #e5e5e5;} #middle.recruit #contents.sub04_02_03 .list_welfare li .dl02 { background:url('../images/recruit/slp.jpg') no-repeat 47px 25px; border-right:1px solid #e5e5e5;} #middle.recruit #contents.sub04_02_03 .list_welfare li .dl03 { background:url('../images/recruit/sgp.jpg') no-repeat 47px 25px;border-right:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl04 { background:url('../images/recruit/sep.jpg') no-repeat 46px 25px; } /* 채용정보 하단 공통 */ #middle.recruit #contents .content_body .recruit_relate { position:relative; width: 100%; *zoom:1; margin-top:40px; left: -3px; } #middle.recruit #contents .content_body .recruit_relate:after { content:""; display:block; clear:both; } #middle.recruit #contents .content_body .recruit_relate li { float:left; padding-bottom:2px; width:calc(33.333% - 6px); background:url('../images/ recruit/bg01_shadow.png') no-repeat bottom; padding: 0 3px; margin-bottom: 6px; cursor: pointer; } #middle.recruit #contents .content_body .recruit_relate li a { display:block; border:1px solid #d7d7d7; color: #333; width:100%; height: 100px; text-align:center; cursor: pointer; } #middle.recruit #contents .content_body .recruit_relate li a span{ display:block; height:31px; padding:34px 0 33px; border:1px solid #fdfdfd; font-size: 13px; font-weight:bold; cursor: pointer; } #middle.recruit #contents .content_body .recruit_relate span.relate01 { background:url('../images/recruit/bg01_01.png') no-repeat 40px 29px #f9f9f9; } #middle.recruit #contents .content_body .recruit_relate span.relate02 { background:url('../images/recruit/bg01_02.png') no-repeat 40px 29px #f9f9f9; } #middle.recruit #contents .content_body .recruit_relate span.relate03 { background:url('../images/recruit/bg01_03.png') no-repeat 40px 29px #f9f9f9; } #middle.recruit #contents .content_body .recruit_relate span.relate04 { background:url('../images/recruit/bg01_04.png') no-repeat 40px 29px #f9f9f9; } #middle.recruit #contents .content_body .recruit_relate span.relate05 { background:url('../images/recruit/bg01_05.png') no-repeat 40px 29px #f9f9f9; } /* 채용정보 절차도 */ #middle.recruit #contents .list_flow { position:relative; *zoom:1; } #middle.recruit #contents .list_flow.center {margin-left:10%;} #middle.recruit #contents .list_flow:after { content:""; display:block; clear:both; } #middle.recruit #contents .list_flow li { margin-bottom: 10px; float:left; width:140px; height:116px; padding-left:0; background:url('../images/recruit/flow_arrow.png') no-repeat right 48px; margin-right:9px; } #middle.recruit #contents .list_flow li > div { width:116px; height:84px; padding-top:32px; text-align:center; background:url('../images/recruit/bg02_01.png') no-repeat; } #middle.recruit #contents .list_flow li > div span { font-size: 14px; color:#fff; letter-spacing: .035em; } #middle.recruit #contents .list_flow li > div em { display:block; font-size:16px; font-weight:bold; } #middle.recruit #contents .list_flow li .flow01 { background-position:0 0; } #middle.recruit #contents .list_flow li .flow01 span {display:inline-block; padding-top:12px;} #middle.recruit #contents .list_flow li .flow02 { background-position:0 -116px; } #middle.recruit #contents .list_flow li .flow03 { background-position:0 -232px; } #middle.recruit #contents .list_flow li .flow04 { background-position:0 -348px; } #middle.recruit #contents .list_flow li .flow05 { background-position:0 -464px; } #middle.recruit #contents .list_flow li.arrow_none { width:116px; background:none; margin-right:9px; } #middle.recruit #contents .list_flow li.list01 { width:112px; height:89px; margin-bottom: 10px; background:url('../images/recruit/flow_arrow.png') no-repeat right 35px; margin-right:13px; } #middle.recruit #contents .list_flow li.list01 > div { width:89px; height:54px; padding-top:35px; background:url('../images/recruit/bg03_03.png') no-repeat; color:#fff; } #middle.recruit #contents .list_flow li.list01 > div.flow03 { height:69px; line-height:18px; padding-top:20px; }/*2014.11.18 텍스트 위치수정_ 양윤지*/ #middle.recruit #contents .list_flow li.list01 > div.flow02_2 { height:59px;line-height:18px; padding-top:30px; }/*2014.11.18 텍스트 위치수정_ 양윤지*/ #middle.recruit #contents .list_flow li.list01 .flow01 { background-position:0 0; } #middle.recruit #contents .list_flow li.list01 .flow02 { background-position:0 -89px; } #middle.recruit #contents .list_flow li.list01 .flow03 { background-position:0 -178px; } #middle.recruit #contents .list_flow li.list01 .flow04 { padding-top:22px; height:68px; background-position:0 -267px; } #middle.recruit #contents .list_flow li.list01 .flow05 { background-position:0 -356px; } #middle.recruit #contents .list_flow li.arrow_none01 .flow06 { width:89px; height:54px; padding-top:35px; background:url('../images/recruit/bg03_03.png') no-repeat 0 -445px; color:#fff; } #middle.recruit #contents .list_flow li.arrow_none01 { width:112px; height:89px; background:none; margin-right:13px; } #middle.recruit #contents .list_flow li.list02 { width:133px; height:98px; background:url('../images/recruit/flow_arrow.png') no-repeat right 35px; margin-right:21px; } #middle.recruit #contents .list_flow li.list02 > div { width:98px; height:63px; padding-top:35px; background:url('../images/recruit/bg03_04.png') no-repeat; color:#fff; } #middle.recruit #contents .list_flow li.list02 .flow03_r {padding-top:25px; height:73px;} #middle.recruit #contents .list_flow li.list02> div.flow03 { height:73px; padding-top:25px; }/*2014.11.18 텍스트 위치수정 _ 양윤지*/ #middle.recruit #contents .list_flow li.list02 .flow01 { background-position:0 0; } #middle.recruit #contents .list_flow li.list02 .flow02 { background-position:0 -98px; } #middle.recruit #contents .list_flow li.list02 .flow03 { background-position:0 -196px; } #middle.recruit #contents .list_flow li.list02 .flow04 { background-position:0 -294px; } #middle.recruit #contents .list_flow li.arrow_none02 .flow05 { width:98px; height:63px; padding-top:35px; background:url('../images/recruit/bg03_04.png') no-repeat 0 -392px; color:#fff; } #middle.recruit #contents .list_flow li.arrow_none02 { width:98px; height:98px; background:none; margin-right:0; } /* sub04_03_01 직무 및 분양 */ #contents[class^="sub04_"] { *zoom: 1; } #contents.sub04_03_01:after { content:""; display: block; clear: both; } #contents.sub04_03_01 .content_body { color: #333; margin-top: 37px; border-top: 1px solid #ccc; } .sub04_03_01 .duty_area { padding-top: 30px; background: url("../images/recruit/bg_duty.png") no-repeat center 0; }/* 2013-05-15 추가 김은철 */ /* .sub04_03_01 p { font-size: 16px; } 2013-05-15 수정 김은철 */ .sub04_03_01 table { width: 100%; margin-top: 250px; border-collapse: separate; *border-collapse:collapse; border-top: 1px solid #878787; } .sub04_03_01 table th { border-bottom: 1px solid #e3e3e3; background: #f9f9f9; } .sub04_03_01 table th.bg_color1, .sub04_03_01 table th.bg_color2 { color: #333; background: #fff; } .sub04_03_01 table th.bg_color1 { border-bottom: 1px solid #bebebe; } .sub04_03_01 table td { padding: 5px 20px 4px; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; } .sub04_03_01 table th.brd_bottom { border-bottom: 1px solid #bebebe; } .sub04_03_01 table .brd_bottom td { border-bottom: 1px solid #bebebe; } .sub04_03_01 table .last td, .sub04_03_01 table .last th, .sub04_03_01 table th.bg_color2 { border-bottom: 2px solid #878787; } /* sub04_03_02 채용절차 */ #contents.sub04_03_02:after { content:""; display: block; clear: both; } #contents.sub04_03_02 .content_body_body { color: #333; margin-top: 37px; padding-top: 30px; border-top: 1px solid #ccc; } .sub04_03_02 .tab01 li { width: 33.333%; } .sub04_03_02 dfn { color: #386bc4; font-weight: bold; } .sub04_03_02 .sub04_03_02_01 table { width: 100%; margin-top: 20px; border-collapse:collapse; border-top: 2px solid #878787; border-bottom: 2px solid #878787; } .sub04_03_02 .sub04_03_02_01 thead th { border-bottom: 1px solid #ccc; background: #f9f9f9; } .sub04_03_02 .sub04_03_02_01 th { padding: 10px 0 8px; } .sub04_03_02 .sub04_03_02_01 tbody td { text-align: center; } .sub04_03_02 .sub04_03_02_01 th, .sub04_03_02 .sub04_03_02_01 td{ border-right: 1px solid #e8e8e8; } .sub04_03_02 .sub04_03_02_01 tbody th, .sub04_03_02 .sub04_03_02_01 td { border-bottom: 1px solid #e8e8e8; } .sub04_03_02 .sub04_03_02_01 .brd_none{ border-right: 0; } .sub04_03_02 .mtd { margin-top: 40px; } .sub04_03_02 .mtd a { color: #333; font-weight: bold; } .sub04_03_02 .mtd a:hover { text-decoration: underline; } .sub04_03_02 dt { color: #386bc4; font-weight: bold; margin-top: 40px; margin-bottom:6px; } .sub04_03_02 .recruit_blt { padding-left: 19px; background: url('../images/recruit/recruit_blt.png') no-repeat left 6px; } .sub04_03_02 dl dfn { display:inline-block; width:94px; color: #333; } .sub04_03_02 dd > span {padding-left:102px;} .sub04_03_02 dd a { color: #333;} .sub04_03_02 .sub04_03_02_02, .sub04_03_02 .sub04_03_02_03 { margin-top: 20px; } .sub04_03_02 dd.mt_no { margin-top: 0; } .sub04_03_02 dd.mt_no a { color: #386bc4; } .sub04_03_02 dd.mt_no a:hover { text-decoration: underline; } .sub04_03_02 dd.mt_no dfn { color: #333; font-weight: normal; } .sub04_03_02 dd li { padding-left: 20px; background: url("../images/recruit/bg_ico.png") no-repeat left 5px; } /* sub04_04 채용공고 */ #contents.sub04_04:after { content:""; display: block; clear: both; } #contents.sub04_04 .content_body_body { color: #333; margin-top: 37px; padding: 0; border: 0; } .sub04_04 table { width:100%; font-size: 13px; border-collapse:collapse; border-top: 2px solid #878787; border-bottom: 2px solid #878787; } .sub04_04 thead th { border-bottom: 1px solid #ccc; background: #f9f9f9; } .sub04_04 th { padding: 10px 0 9px; } .sub04_04 tbody th { font-weight: normal; } .sub04_04 td { text-align: center; } .sub04_04 tbody th, .sub04_04 tbody td { border-bottom: 1px solid #e8e8e8; } .sub04_04 table .last th, .sub04_04 table .last td { border-bottom: 0; } .sub04_04 td.text_left { width: 310px; text-align: left; padding: 0 10px; } .sub04_04 td.text_left a { color: #333; } .sub04_04 td span { display: inline-block; color: #fff; } .sub04_04 td span.recruitment { padding: 2px 11px 2px 16px; background: #386bc4 url("../images/recruit/bg_ico_recruitment.png") no-repeat 2px 8px; white-space: nowrap; } .sub04_04 td span.end { padding: 2px 8px 2px; background: #757575; } .sub04_04 .content_body .paging { margin-top: 20px; text-align: center; line-height: 23px; } .sub04_04 .content_body .paging .first { color: #3371d9; } .sub04_04 .content_body .paging .on { color: #3371d9; } .sub04_04 .content_body .paging strong { display: inline-block; padding: 0 10px; border: 1px solid #d3d3d3; } .sub04_04 .content_body .paging a { display: inline-block; color: #333; padding: 0 10px; font-weight: bold; } .sub04_04 .content_body .paging .last { color: #3371d9; } .sub04_04 form { text-align: center; margin: 30px 0 40px; padding: 15px 0; border: 1px solid #dadada; background: #f9f9f9; } .sub04_04 form .s_select { margin-right: 2px; border: 1px solid #cfcfcf } .sub04_04 form .recruitment_search { width: 193px; height: 21px; font-size: 13px; line-height: 14px; vertical-align: top; padding: 0 5px; margin-right: 2px; margin-bottom: 5px; border: 1px solid #e5e5e5; } .sub04_04 form button { font-size: 13px; line-height: 14px; vertical-align: top; color: #fff; padding: 4px 15px 5px 25px; background: #386bc4 url("../images/recruit/bg_search.png") no-repeat 7px 6px; } /* sub04_05_01 채용Q&A */ #contents[class^="sub04_"] { } #contents[class^="sub04_"] > h1 { margin-bottom: 36px; } .sub04_05_01 .content_body .tab01 li { width: 33%; } .sub04_05_01 .content_body .tab_detail {} .sub04_05_01 .content_body .tab_detail { border-top: 2px solid #878787; border-bottom: 2px solid #878787; } .sub04_05_01 .content_body .tab_detail .faq_list { width: 100%; } .sub04_05_01 .content_body .tab_detail .faq_list > dl { border-top: 1px solid #e8e8e8; } .sub04_05_01 .content_body .tab_detail .faq_list > dl:first-child { border-top: 0 none; } .sub04_05_01 .content_body .tab_detail .faq_list .question { background: url('../images/recruit/question_bg.png') no-repeat left 18px; } .sub04_05_01 .content_body .tab_detail .faq_list .question dt a { display: block; padding: 11px 61px 10px 80px; font-weight:bold; color: #3463b2; background: url('../images/recruit/arrow_down.png') no-repeat right 20px; } .sub04_05_01 .content_body .tab_detail .faq_list .question.on dt a { background-image: url('../images/recruit/arrow_blue_up.png'); } .sub04_05_01 .content_body .tab_detail .faq_list .question .answer { display: none; padding: 15px 0; border-top: 1px solid #e8e8e8; background: #f8f8f8 url('../images/recruit/answer_bg.png') no-repeat left 22px; } .sub04_05_01 .content_body .tab_detail .faq_list .question.on .answer { display: block; } .sub04_05_01 .content_body .tab_detail .faq_list .question .answer div { padding-left: 80px; padding-right: 61px; } .sub04_05_01 .content_body .tab_detail .faq_list .question .answer div a { color: #333; } /* sub04_05_02 1:1문의 */ .sub04_05_02 .contact_form table { border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .contact_form table { width: 100%; } .contact_form table th { text-align: left; padding: 9px 0 8px 22px; border-top: 1px solid #e8e8e8; line-height: 21px; vertical-align: top; background: none repeat scroll 0 0 #F9F9F9; } .contact_form table td { padding: 9px 21px 8px; border-top: 1px solid #e8e8e8; } .contact_form table tr:first-child td { /*letter-spacing: -2px;*/ } .contact_form table tr:first-child th, .contact_form table tr:first-child td { border-top: 1px solid #e8e8e8; } .contact_form table td label { padding-right: 30px; } .contact_form table td .inp01.txt_mail { width: 40%; margin-right: 5px; } .contact_form table td .inp01.txt_title { width: 100%; } .contact_form table td input[type="radio"] { vertical-align: middle; } .contact_form table td .code_box { border-color: #CECECE #E6E6E6 #E6E6E6 #CECECE; } .contact_form table td .code_box textarea { height: 300px; } /* 5. 새소식 */ /* sub05_01 뉴스 */ #middle.news #lnb h1 { } #contents[class^="sub05_"] { } #contents[class^="sub05_"] .content_body { color: #333; margin-top: 37px; padding-top: 30px; } /* 브로슈어 */ #contents.brochure {margin-bottom:0;} #contents[class^="sub05_"] .content_body.bg {padding-top:0;} #contents[class^="sub05_"] .content_body .brochure {padding:60px 0 140px;background:#f9f9f9;} #contents[class^="sub05_"] .brochure ul {text-align:center;} #contents[class^="sub05_"] .brochure ul > li {display:inline-block; margin:3.5%; padding:36px 36px 50px; background:#fff; -webkit-box-shadow: 18px 20px 89px -19px rgba(0,0,0,0.22); -moz-box-shadow: 18px 20px 89px -19px rgba(0,0,0,0.22); box-shadow: 18px 20px 89px -19px rgba(0,0,0,0.22);} #contents[class^="sub05_"] .brochure .tit {text-align:right; letter-spacing:.1em; font-size:12px; font-weight:900;} #contents[class^="sub05_"] .brochure .thumb {margin-top:8px;} #contents[class^="sub05_"] .brochure .down {margin-top:30px;} #contents[class^="sub05_"] .brochure .down a {display:inline-block; padding:12px 0 18px; width:100%; font-weight:300; font-size:32px; background:url('../images/button/btn_brochure.png') no-repeat top right;} #contents[class^="sub05_"] .brochure .down a:hover {background-position:bottom right;} #contents[class^="sub05_"] .brochure .down a > b {font-weight:bold;} /* sub05_02 홍보자료 */ .sub05_02 .publicity_area { position: relative; margin-bottom: 40px; *zoom: 1; } .sub05_02 .publicity_area:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity { *zoom: 1; } .sub05_02 .publicity_area .publicity:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity dl { float: left; width: 193px; font-size: 13px; padding: 7px 0px 8px; border-bottom: 1px solid #e5e5e5; } .sub05_02 .publicity_area .publicity dl:first-child + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl , .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl + dl + dl { float: right; } .sub05_02 .publicity_area .publicity dl:after { content: ""; clear: both; display: block; } .sub05_02 .publicity_area .publicity dt { float: left; font-weight: bold; letter-spacing: 0; } .sub05_02 .publicity_area .publicity dd { float: right; } .sub05_02 .publicity_area .publicity dd span { padding-right: 20px; background: url("../images/news/bg_line.gif") no-repeat 35px 5px; } .sub05_02 .publicity_area .publicity a { color: #333; } .sub05_02 .publicity_area .publicity a:hover, .sub05_02 .publicity_area .publicity a:focus { color: #3668bc; text-decoration: underline; } .sub05_02 .publicity_area .iframe_area { height: 680px; } .sub05_02 .publicity_area .iframe_area iframe { width: 100%; margin: 0 auto; height: 675px;} .sub05_02 .publicity_area .subtitles_area { overflow-y: scroll; height: 138px; padding: 10px; margin-bottom: 20px; text-align: left; border: 1px solid #ccc; } .sub05_02 .broshure_area { float: right; width: 227px; } .sub05_02 .broshure_area ul { } .sub05_02 .broshure_area ul:after { content: ""; clear: both; display: block; } .sub05_02 .broshure_area ul li { text-align: right; } .sub05_02 .broshure_area li .thumbnail_img { margin-bottom: 5px; padding: 1px 18px 18px 1px; background: url("../images/news/bg_brochure.jpg") no-repeat; } .sub05_02 .broshure_area li .thumbnail_img img { vertical-align: top; } .sub05_02 .broshure_area li span { display: block; font-weight: bold; padding-right: 18px; } .sub05_02 .broshure_area li > span { letter-spacing: 0; margin-bottom: 15px; } .sub05_02 .broshure_area li a { display: inline-block; color: #333; margin-left: 15px; line-height: 25px; border: 1px solid #cbcbcb; background: url("../images/news/bg_btn.png") repeat-x; letter-spacing: -1px; } .sub05_02 .broshure_area li a span { padding: 0 10px 0 30px; background: url("../images/news/bg_btn_ico.png") no-repeat 9px 50%; } .sub05_02 .other_box {padding-top:20px; margin-bottom: 20px;} .sub05_02 .other_box > a {display:inline-block; width:33.1%; height:60px; line-height:60px; text-align:center; font-size:22px; color:#000; background:#FFF; border: 1px solid rgb(160,160,160); margin-top: -1px; margin-left: -1px;} .sub05_02 .other_box > a:hover {color:#FFF; background:rgb(38,101,206); border: 1px solid rgb(160,160,160);} .sub05_02 .other_box > a.selected {color:#FFF; background:rgb(38,101,206); border: 1px solid rgb(160,160,160);} /* 6 글로벌네트워크 */ #middle.global .global_tit {padding-top:80px; line-height:1; font-size:48px; font-weight:300; text-align:center; color:#2665cd;} #middle.global {margin-top:128px; background: #f5f5f5; } #middle.global .china_map { background: url('../images/global/china_bg.png') no-repeat center 0; *background-position: center 59px; } #middle.global .europe_map { background: url('../images/global/eur_aft_bg.png') no-repeat center 0; *background-position: center 59px; } #middle.global .america_map { background: url('../images/global/ame_bg.png') no-repeat center 0; *background-position: center 59px; } #middle.global .tokyo_map { background: url('../images/global/tokyo_bg.png') no-repeat center 0; *background-position: center 59px; } #middle.global .newdelhi_map { background: url('../images/global/newdelhi_bg.png') no-repeat center 0; *background-position: center 59px; } #middle.global .southeast_map { background: url('../images/global/south_bg.png') no-repeat center 0; *background-position: center 59px; } /*#middle.global #lnb { } #middle.global #lnb > h1 { overflow: hidden; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background: url('../images/global/tit_map_bg.png') no-repeat right -1px; text-align: left; } #middle.global #lnb > h1 span { display: inline; font-size: 13px; line-height: 60px; color: #B0C3E1; opacity: 1; }*/ #middle.global .world_wide {border-top:1px solid #dedede;} #middle.global .location .wrap {border-bottom:0 none;} #middle.global .america_map .location ul, #middle.global .europe_map .location ul, #middle.global .china_map .location ul, #middle.global .southeast_map .location ul, #middle.global .tokyo_map .location ul, #middle.global .newdelhi_map .location ul {top:566px;} #middle.global .location ul { position: absolute; z-index: 10; left: 7%; top: 506px; float: none; width: auto; padding-bottom: 4px; padding-top: 0; background: url('../images/global/menu_bg.png') repeat-x left bottom; *zoom: 1; } #middle.global .location ul > li { width: auto; border: 0 none; float: left; text-align: center; } #middle.global .location ul > li > a { padding: 6px 0 7px 25px; color: #333; font-size: 13px; border: 0 none; font-weight: bold; width: 160px; height: 31px; line-height: 16px; padding-left: 0; border: 1px solid #ddd !important; border-left: 0 none !important; border-bottom: 0 none !important; background: #fff; } #middle.global .location ul > .on > a { color: #fff; background: url('../images/global/menu_on_bg.png') repeat-x left 0; } #middle.global .location ul > li:first-child + li > a, #middle.global .location ul > li:first-child + li + li + li > a { line-height: 31px; } #middle.global .location ul > li:first-child + li + li + li + li + li {} #middle.global .location ul > li:first-child + li + li + li + li + li > a { line-height: 31px; width: 76px; background-color: #f2f2f2;font-weight: normal; } #middle.global .location ul > li:first-child + li + li + li + li + li + li > a { width: 76px; background-color: #f2f2f2; line-height: 31px; font-weight: normal; } #middle.global .location ul > li:first-child a { border-left: 1px solid #ddd !important; line-height: 31px; font-weight: normal; } #middle.global .location ul > .on:first-child a { background: url('../images/global/menu_on_bg.png') repeat-x left 0; border-left: 1px solid #4265ae !important; } #middle.global .location ul > li:first-child a span { display: inline-block; padding: 0 0 0 20px; background: url('../images/global/bg_earth.png') no-repeat 0 9px; } #middle.global .location ul > li.on:first-child a span { background-image: url('../images/global/bg_earth_on.png'); } #globalmap { width: 100%; height: 676px; background: #f5f5f5 url('../images/background/bg_globalmap_total.png') center 0 no-repeat; } #middle.main #mapxy { position: relative; left: -66px; } #middle.main #globalmap.americas { background-position: center -676px; } #middle.main #globalmap.europe { background-position: center -1352px; } #middle.main #globalmap.china { background-position: center -2028px; } #middle.main #globalmap.asia { background-position: center -2704px; } #middle.main #globalmap.tokyo { background-position: center -3380px; } #middle.main #globalmap.newdelhi { background-position: center -4056px; } #middle #globalmap .wrap { padding-bottom: 0; } #globalmap .wrap > h1, #globalmap .wrap > h2, #globalmap .wrap > h3 { position: absolute; top: 499px; left: 180px; padding-left: 30px; height: 23px; line-height: 23px; color: #de3226; font-size: 12px; font-weight: normal; border-left: 3px solid #d4d4d4; background: url('../images/icon/marker00.png') 12px 6px no-repeat; } #globalmap .wrap > h1.tit_global { position: absolute; top: 30px; left: 0; background: none; height: 44px; line-height: 46px; font-size: 32px; display: inline-block; padding: 0 20px; color: #333; border: 0 none; } #globalmap .wrap > h2 { top: 522px; color: #333; background: url('../images/icon/marker02s.png') 12px 4px no-repeat; } #globalmap .wrap > h3 { top: 545px; color: #336c9f; background: url('../images/icon/marker01.png') 13px 7px no-repeat; } #globalmap .wrap #headquarter { top: 236px; left: 368px; padding-left: 0; width: 96px; height: 75px; line-height: 18px; color: #de3226; font-weight: bold; border-left: 0 none; background: none; text-align: right; } #globalmap .wrap #headquarter strong { display: inline-block; position: absolute; right: 10px; bottom: 0; width: 36px; height: 36px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/icon/marker0.png') 0 0 no-repeat; } #middle.global #globalmap { position: relative; margin-left:48px; width:1089px; background-image: url('../images/background/bg_globalmap_total.png'); } #middle.global #globalmap #mapxy { position: absolute; left: 0; z-index: 0; } #middle.global #globalmap.americas { background-position: center -676px; } #middle.global #globalmap.europe { background-position: center -1352px; } #middle.global #globalmap.china { background-position: center -2028px; } #middle.global #globalmap.asia { background-position: center -2704px; } #middle.global #globalmap.tokyo { background-position: center -3380px; } #middle.global #globalmap.newdelhi { background-position: center -4056px; } #middle.global .world_wide #contents { padding-top: 0;} .business_nation { position: relative; z-index: 10; } .business_nation.on, .business_nation:hover, .business_nation:focus { z-index: 15; } .business_nation > h1 { position: absolute; color: #333; line-height: 24px; font-size: 18px; text-align: center; } .business_nation > h1 a { color: #333; } #americas > h1 { top: 297px; right: 272px; } #europe > h1 { top: 311px; left: 88px; } #china > h1 { top: 270px; left: 309px; } #asia > h1 { top: 395px; left: 390px; } #tokyo > h1 { top: 280px; left: 475px; font-size: 14px; } #newdelhi > h1 { top: 328px; left: 271px; line-height: 18px; font-size: 14px; } .business_nation .summary { position: absolute; } .business_nation .summary_sub { position: absolute; line-height: 0; font-size: 0; width: 6px; height: 6px; background: url('../images/icon/marker03.png') 0 0 no-repeat; z-index: 10; } .business_nation .summary > a { display: block; width: 10px; height: 10px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/icon/marker01.png') 0 0 no-repeat; cursor: pointer; z-index: 10; } .business_nation .summary .layer_pop { display: none; position: absolute; top: 15px; padding: 12px 12px 2px 12px; width: 320px; border: 3px solid #6e8bb0; background: #fff; cursor: auto; z-index: 1000; } .business_nation .summary .layer_pop h1 { position: relative; margin-bottom: 10px; padding: 0 30px 9px 42px; color: #40628f; line-height: 28px; font-size: 16px; font-weight: normal; border-bottom: 1px solid #dbe1ea; background: url('../images/icon/marker01b.png') 7px 3px no-repeat;} .major_business > h2 + .summary .layer_pop h1 { background: url('../images/icon/marker02b.png') 7px 3px no-repeat;} .business_nation .summary .layer_pop dl { position: relative; margin-bottom: 8px; width: 100%; line-height: 16px; overflow: hidden; } .business_nation .summary .layer_pop dl dt { position: absolute; top: 0; left: 0; padding: 0 0 0 9px; width: 50px;color: #3378b7; background: url('../images/bullet/bullet03.png') 2px 8px no-repeat; } .business_nation .summary .layer_pop dl dd { margin-left: 59px; padding: 0 0 0 6px; color: #333; background: url('../images/bullet/bullet04.png') 0 6px no-repeat; } .business_nation .summary .layer_pop .btn_area { padding: 10px 0 5px 0; border-top: 1px solid #dbe1ea; text-align: center; } .business_nation .summary .layer_pop .btn_close02 { position: absolute; top: 17px; right: 17px; z-index: 1000; } .business_nation .summary.on { z-index: 30; } .major_business { position: relative; z-index: 100; } .major_business > h2, .major_business > h3 { position: absolute; top: 0; left: 0; text-indent: -10000px; } .major_business > h2 img, .major_business > h3 img { display: inline-block !important; margin-right: 5px; vertical-align: middle; } .major_business > h2 + .summary { position: absolute; width: 23px; height: 29px; z-index: 25; } .major_business > h2 + .summary > a { display: block; width: 23px; height: 29px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/icon/marker02.png') 0 0 no-repeat; cursor: pointer; z-index: 25; } .major_business.normal {} .major_business.normal > .summary .layer_pop { display: block; padding: 0; height: 0; border: 0 none; overflow: hidden; } .major_business.normal > .summary:hover .layer_pop, .major_business > .summary > a:focus + .layer_pop { display: block; padding: 12px 12px 2px 12px; height: auto; border: 3px solid #6e8bb0; overflow: visible; } #americas .location01 { top: 245px; right: 139px; } #americas .location01 .layer_pop { top: 28px; right: 13px;} #americas .location02 { top: 263px; right: 138px; z-index:999; } #americas .location02 .layer_pop { right: 5px;} #americas .location03 { top: 284px; right: 272px; } #americas .location03 .layer_pop { right: 5px;} #americas .location04 { top: 304px; right: 199px; } #americas .location04 .layer_pop { right: 5px;} #americas .location05 { top: 292px; right: 214px; } #americas .location05 .layer_pop { right: 5px;} #americas .location06 { top: 232px; right: 171px; } #americas .location06 .layer_pop { right: 5px;} #americas .location07 { top: 341px; right: 222px; } #americas .location07 .layer_pop { right: 5px;} #americas .location08 { top: 316px; right: 231px; } #americas .location08 .layer_pop { right: 5px;} #americas .location09 { top: 332px; right: 214px; } #americas .location09 .layer_pop { right: 5px; } #americas .location10 { top: 470px; right: 131px; } #americas .location10 .layer_pop { right: 5px; } #americas .location11 { top: 174px; right: 127px; } #americas .location11 .layer_pop { right: 5px; } #americas .location_sub01 { top: 240px; right: 167px; } #americas .location_sub02 { top: 287px; right: 266px; } #americas .location_sub03 { top: 307px; right: 193px; } #americas .location_sub04 { top: 343px; right: 215px; } #americas .location_sub05 { top: 377px; right: 170px; } #americas .location_sub06 { top: 393px; right: 138px; } #americas .location_sub07 { top: 444px; right: 152px; } #americas .location_sub08 { top: 483px; right: 70px; } #americas .location_sub09 { top: 503px; right: 133px; } #europe .location01 { top: 220px; left: 26px; } #europe .location01 .layer_pop { top: 28px; left: 13px;} #europe .location02 { top: 220px; left: 205px; } #europe .location02 .layer_pop { left: 5px;} #europe .location03 { top: 244px; left: 405px; } #europe .location03 .layer_pop { left: 5px;} #europe .location04 { top: 244px; left: 415px; } #europe .location04 .layer_pop { left: 5px;} #europe .location05 { top: 254px; left: 80px; } #europe .location05 .layer_pop { left: 5px;} #europe .location06 { top: 242px; left: 58px; } #europe .location06 .layer_pop { left: 5px;} #europe .location07 { top: 234px; left: 1px; } #europe .location07 .layer_pop { left: 5px;} /* #europe .location08 { top: 259px; left: 40px; } */ #europe .location08 .layer_pop { left: 5px;} #europe .location09 { top: 241px; left: 34px; z-index: 999; } #europe .location09 .layer_pop { left: 5px;} #europe .location_sub01 { top: 242px; left: 14px; } #europe .location_sub02 { top: 255px; left: 9px; } #europe .location_sub03 { top: 282px; left: -9px; } #europe .location_sub04 { top: 299px; left: 10px; } #europe .location_sub05 { top: 378px; left: -30px; } #europe .location_sub06 { top: 395px; left: 1px; } #europe .location_sub07 { top: 389px; left: 18px; } #europe .location_sub08 { top: 407px; left: 116px; } #europe .location_sub09 { top: 428px; left: 44px; } #europe .location_sub10 { top: 498px; left: 92px; } #europe .location_sub11 { top: 237px; left: 52px; } #europe .location_sub12 { top: 249px; left: 69px; } #europe .location_sub13 { top: 260px; left: 72px; } #europe .location_sub14 { top: 269px; left: 70px; } #europe .location_sub15 { top: 214px; left: 84px; } #europe .location_sub16 { top: 238px; left: 110px; } #europe .location_sub17 { top: 202px; left: 130px; } #europe .location_sub18 { top: 282px; left: 92px; } #europe .location_sub19 { top: 330px; left: 139px; } #europe .location_sub20 { top: 333px; left: 170px; } #europe .location_sub21 { top: 267px; left: 219px; } #europe .location_sub22 { top: 281px; left: 181px; } #europe .location_sub23 { top: 275px; left: 196px; } #europe .location_sub24 { top: 196px; left: 266px; } #europe .location_sub25 { top: 240px; left: 412px; } #europe .location_sub26 { top: 259px; left: 40px; } #china .location01 { top: 283px; left: 338px; } #china .location01 .layer_pop { top: 28px; left: 13px;} #china .location02 { top: 328px; left: 321px; } #china .location02 .layer_pop { left: 5px;} #china .location03 { top: 318px; left: 342px; } #china .location03 .layer_pop { left: 5px;} #china .location04 { top: 289px; left: 286px; } #china .location04 .layer_pop { left: 5px;} #china .location05 { top: 330px; left: 354px; } #china .location05 .layer_pop { left: 5px;} #china .location06 { top: 272px; left: 317px; } #china .location06 .layer_pop { left: 5px;} #china .location07 { top: 310px; left: 349px; } #china .location07 .layer_pop { left: 5px;} #china .location08 { top: 316px; left: 320px; } #china .location08 .layer_pop { left: 5px;} #china .location09 { top: 329px; left: 333px; } #china .location09 .layer_pop { left: 5px;} #china .location10 { top: 247px; left: 287px; } #china .location10 .layer_pop { left: 5px;} /*#china .location_sub01 { top: 247px; left: 287px; }*/ #china .location_sub02 { top: 306px; left: 340px; } #china .location_sub03 { top: 311px; left: 344px; } #china .location_sub04 { top: 307px; left: 349px; } #china .location_sub05 { top: 313px; left: 336px; } #china .location_sub06 { top: 324px; left: 314px; } #china .location_sub07 { top: 322px; left: 336px; } #china .location_sub08 { top: 323px; left: 329px; } #china .location_sub09 { top: 337px; left: 327px; } #china .location_sub10 { top: 277px; left: 346px; } #china .location_sub11 { top: 274px; left: 329px; } #china .location_sub12 { top: 294px; left: 308px; } #asia .location01 { top: 409px; left: 313px; } #asia .location01 .layer_pop { top: 28px; left: 13px;} #asia .location01_1 { top: 430px; left: 308px; }/*인니 석탄무역법인*/ #asia .location02 { top: 414px; left: 292px; } #asia .location02 .layer_pop { left: 5px;} #asia .location03 { top: 382px; left: 285px; } #asia .location03 .layer_pop { left: 5px;} #asia .location04 { top: 392px; left: 291px; } #asia .location04 .layer_pop { left: 5px;} #asia .location05 { top: 362px; left: 347px; } #asia .location05 .layer_pop { left: 5px;} #asia .location06 { top: 369px; left: 307px; } #asia .location06 .layer_pop { left: 5px;} #asia .location07 { top: 358px; left: 310px; } #asia .location07 .layer_pop { left: 5px;} #asia .location08 { top: 306px; left: 468px; } #asia .location08 .layer_pop { left: 5px;} #asia .location09 { top: 400px; left: 301px; } #asia .location09 .layer_pop { left: 5px;} #asia .location10 { top: 412px; left: 302px; } #asia .location10 .layer_pop { left: 5px;} #asia .location11 { top: 424px; left: 301px; } #asia .location11 .layer_pop { left: 5px;} #asia .location_sub01 { top: 433px; left: 326px; z-index:999; } #asia .location_sub02 { top: 386px; left: 295px; } #asia .location_sub03 { top: 364px; left: 358px; } #asia .location_sub04 { top: 345px; left: 299px; } #asia .location_sub05 { top: 345px; left: 306px; } #asia .location_sub06 { top: 357px; left: 286px; } #asia .location_sub07 { top: 368px; left: 291px; } #asia .location_sub08 { top: 367px; left: 301px; } #asia .location_sub09 { top: 515px; left: 435px; } #asia .location_sub10 { top: 336px; left: 266px; } #tokyo .location01 { top: 265px; left: 398px; } #tokyo .location01 .layer_pop { top: 28px; left: 13px;} #tokyo .location02 { top: 286px; left: 396px; } #tokyo .location02 .layer_pop { left: 5px;} #tokyo .location_sub01 { top: 293px; left: 385px; } #tokyo .location_sub02 { top: 299px; left: 389px; } #tokyo .location_sub03 { top: 296px; left: 398px; } #tokyo .location_sub04 { top: 293px; left: 405px; } #tokyo .location_sub05 { top: 290px; left: 410px; } #newdelhi .location01 { top: 298px; left: 220px; } #newdelhi .location01 .layer_pop { top: 28px; left: 13px;} #newdelhi .location_sub01 { top: 324px; left: 231px; z-index:999; } #newdelhi .location_sub02 { top: 347px; left: 220px; } #newdelhi .location_sub02_2 { top: 353px; left: 228px; } /*푸네사무소*/ #middle.global #contents { float: none; width: auto; padding-top: 643px } #middle.global #contents .content_body { border-top: 0 none; padding-top: 0; } #middle.global #contents[class^="sub06_"] #location { display: none; } #middle.global #contents[class^="sub06_"] > h1 { display: none; } #middle.global #contents .map_area { position: absolute; left: 120px; top: -60px; width: calc(100% - 120px); height: 451px; padding-top: 90px; } #middle.global #contents .map_area .remark { font-size: 13px; font-weight: bold; letter-spacing: 0; color: #333; } #middle.global #contents .map_area .remark p { padding-left: 25px; background-position: left 4px; } #middle.global #contents .map_area .map_list dt { display: none; } #middle.global #contents .map_area .map_list dd { position: absolute; } #middle.global #contents .map_area .map_list dd a { display: block; overflow: hidden; width: 16px; height: 0; padding-top: 17px; } #middle.global #contents .global_s { background: url('../images/global/global_S.png') no-repeat left 0; } #middle.global #contents .global_ssq { background: url('../images/global/global_Ssq.png') no-repeat left 0; } #middle.global #contents .global_l { background: url('../images/global/global_L.png') no-repeat left 0; } #middle.global #contents .global_lsq { background: url('../images/global/global_Lsq.png') no-repeat left 0; } #middle.global #contents .global_r { background: url('../images/global/global_R.png') no-repeat left 0; } #middle.global #contents .global_rsq { background: url('../images/global/global_Rsq.png') no-repeat left 0; } #middle.global #contents .map_right_area { overflow: hidden; position: absolute; top: 90px; right: 0; font-size: 13px; width: 318px; height: 451px; border: 1px solid #7E8DAA; } #middle.global #contents .map_right_area .heading { height: 55px; background: #344A74; padding: 8px 17px 12px 25px; } #middle.global #contents .map_right_area .heading img { margin-right: 5px; vertical-align: middle; } #middle.global #contents .map_right_area .heading h1 { width: 251px; color: #b4cbff; font-size: 14px; margin-bottom: 5px; padding-left: 25px; padding-right: 0px; background-position: left 3px; } #middle.global #contents .map_right_area .scroll_area { overflow-y: scroll; height: 342px; padding: 20px 25px; background: #fff; } #middle.global #contents .map_right_area .scroll_area dl .title { display: inline-block; *zoom: 1; *display: inline; color: #fff; padding: 0 8px; margin-bottom: 5px; text-align: center; line-height: 19px; font-weight: bold; background: #386BC4; } #middle.global #contents .map_right_area .scroll_area dl dd { margin-bottom: 10px; color: #333; } #middle.global #contents .map_right_area .detail_view { position: absolute; top: 38px; right: 17px; display: block; padding: 0 15px 0 5px; font-size: 13px; text-align: center; color: #fff; line-height: 21px; background: #4B618D url('../images/global/btn_arrow_r.png') no-repeat right; } /* 지도 상세 위치 absolute*/ /* 미국*/ #middle.global .sub06_02 .map_area .map_list .m_list1 { top: 68px; left: 391px; } #middle.global .sub06_02 .map_area .map_list .m_list2 { top: 100px; left: 413px; } #middle.global .sub06_02 .map_area .map_list .m_list3 { top: 94px; left: 435px; } #middle.global .sub06_02 .map_area .map_list .m_list4 { top: 127px; left: 189px; } #middle.global .sub06_02 .map_area .map_list .m_list5 { top: 147px; left: 310px; } #middle.global .sub06_02 .map_area .map_list .m_list6 { top: 133px; left: 280px; } #middle.global .sub06_02 .map_area .map_list .m_list7 { top: 207px; left: 269px; } #middle.global .sub06_02 .map_area .map_list .m_list8 { top: 185px; left: 256px; } #middle.global .sub06_02 .map_area .map_list .m_list9 { top: 222px; left: 250px; } #middle.global .sub06_02 .map_area .map_list .m_list10 { top: 68px; left: 407px; } #middle.global .sub06_02 .map_area .map_list .m_list11 { top: 126px; left: 203px; } #middle.global .sub06_02 .map_area .map_list .m_list12 { top: 144px; left: 324px; } #middle.global .sub06_02 .map_area .map_list .m_list13 { top: 220px; left: 273px; } #middle.global .sub06_02 .map_area .map_list .m_list14 { top: 288px; left: 376px; } #middle.global .sub06_02 .map_area .map_list .m_list15 { top: 307px; left: 418px; } #middle.global .sub06_02 .map_area .map_list .m_list16 { top: 423px; left: 412px; } #middle.global .sub06_02 .map_area .map_list .m_list17 { top: 497px; left: 620px; } #middle.global .sub06_02 .map_area .map_list .m_list18 { top: 545px; left: 471px; } #middle.global .sub06_02 .map_area .map_list .m_list19 { top: 93px; left: 423px; } #middle.global .sub06_02 .map_area .map_list .m_list20 { top: 474px; left: 462px; } #middle.global .sub06_02 .map_area .map_list .m_list21 { top: 545px; left: 458px; } /* 유럽*/ #middle.global .sub06_03 .map_area .map_list .m_list1 { top: 220px; left: 70px; } #middle.global .sub06_03 .map_area .map_list .m_list2 { top: 227px; left: 103px;} /* #middle.global .sub06_03 .map_area .map_list .m_list3 { top: 254px; left: 109px; } */ #middle.global .sub06_03 .map_area .map_list .m_list4 { top: 245px; left: 139px; } #middle.global .sub06_03 .map_area .map_list .m_list5 { top: 252px; left: 171px; } #middle.global .sub06_03 .map_area .map_list .m_list6 { top: 234px; left: 350px; } #middle.global .sub06_03 .map_area .map_list .m_list7 { top: 234px; left: 595px; } #middle.global .sub06_03 .map_area .map_list .m_list8 { top: 234px; left: 610px; } #middle.global .sub06_03 .map_area .map_list .m_list9 { top: 277px; left: 43px; } #middle.global .sub06_03 .map_area .map_list .m_list10 { top: 300px; left: 86px; } #middle.global .sub06_03 .map_area .map_list .m_list11 { top: 224px; left: 87px; } #middle.global .sub06_03 .map_area .map_list .m_list12 { top: 234px; left: 130px; } #middle.global .sub06_03 .map_area .map_list .m_list13 { top: 245px; left: 152px; } #middle.global .sub06_03 .map_area .map_list .m_list14 { top: 269px; left: 155px; } #middle.global .sub06_03 .map_area .map_list .m_list15 { top: 258px; left: 155px; } #middle.global .sub06_03 .map_area .map_list .m_list16 { top: 264px; left: 178px; } #middle.global .sub06_03 .map_area .map_list .m_list17 { top: 201px; left: 171px; } #middle.global .sub06_03 .map_area .map_list .m_list18 { top: 241px; left: 81px; } #middle.global .sub06_03 .map_area .map_list .m_list19 { top: 192px; left: 226px; } #middle.global .sub06_03 .map_area .map_list .m_list20 { top: 255px; left: 383px; } #middle.global .sub06_03 .map_area .map_list .m_list21 { top: 304px; left: 279px; } #middle.global .sub06_03 .map_area .map_list .m_list22 { top: 356px; left: 293px; } #middle.global .sub06_03 .map_area .map_list .m_list23 { top: 281px; left: 187px; } #middle.global .sub06_03 .map_area .map_list .m_list24 { top: 390px; left: -23px; } #middle.global .sub06_03 .map_area .map_list .m_list25 { top: 226px; left: 203px; } #middle.global .sub06_03 .map_area .map_list .m_list26 { top: 449px; left: 203px; } #middle.global .sub06_03 .map_area .map_list .m_list27 { top: 424px; left: 43px; } #middle.global .sub06_03 .map_area .map_list .m_list28 { top: 421px; left: 66px; } #middle.global .sub06_03 .map_area .map_list .m_list29 { top: 286px; left: 304px; } #middle.global .sub06_03 .map_area .map_list .m_list30 { top: 466px; left: 103px; } #middle.global .sub06_03 .map_area .map_list .m_list31 { top: 352px; left: 248px; } #middle.global .sub06_03 .map_area .map_list .m_list32 { top: 538px; left: 158px; } #middle.global .sub06_03 .map_area .map_list .m_list33 { top: 194px; left: 442px; } #middle.global .sub06_03 .map_area .map_list .m_list34 { top: 225px; left: 118px; } #middle.global .sub06_03 .map_area .map_list .m_list35 { top: 338px; left: 177px; } #middle.global .sub06_03 .map_area .map_list .m_list36 { top: 268px; left: 327px; } #middle.global .sub06_03 .map_area .map_list .m_list37 { top: 361px; left: 226px; } #middle.global .sub06_03 .map_area .map_list .m_list38 { top: 230px; left: 615px; } #middle.global .sub06_03 .map_area .map_list .m_list39 { top: 254px; left: 109px; } /* 중국*/ #middle.global .sub06_04 .map_area .map_list .m_list1 { top: 200px; left: 263px; } #middle.global .sub06_04 .map_area .map_list .m_list2 { top: 255px; left: 393px; } #middle.global .sub06_04 .map_area .map_list .m_list3 { top: 302px; left: 291px; } #middle.global .sub06_04 .map_area .map_list .m_list4 { top: 369px; left: 489px; } #middle.global .sub06_04 .map_area .map_list .m_list5 { top: 427px; left: 449px; } #middle.global .sub06_04 .map_area .map_list .m_list6 { top: 442px; left: 444px; } #middle.global .sub06_04 .map_area .map_list .m_list7 { top: 449px; left: 427px; } #middle.global .sub06_04 .map_area .map_list .m_list8 { top: 432px; left: 511px; } #middle.global .sub06_04 .map_area .map_list .m_list9 { top: 237px; left: 390px; } #middle.global .sub06_04 .map_area .map_list .m_list10 { top: 280px; left: 454px; } #middle.global .sub06_04 .map_area .map_list .m_list11 { top: 346px; left: 478px; } #middle.global .sub06_04 .map_area .map_list .m_list12 { top: 346px; left: 492px; } #middle.global .sub06_04 .map_area .map_list .m_list13 { top: 430px; left: 432px; } #middle.global .sub06_04 .map_area .map_list .m_list14 { top: 348px; left: 448px; } #middle.global .sub06_04 .map_area .map_list .m_list15 { top: 255px; left: 411px; } #middle.global .sub06_04 .map_area .map_list .m_list16 { top: 364px; left: 472px; } #middle.global .sub06_04 .map_area .map_list .m_list17 { top: 438px; left: 462px; } #middle.global .sub06_04 .map_area .map_list .m_list18 { top: 454px; left: 456px; } #middle.global .sub06_04 .map_area .map_list .m_list19 { top: 458px; left: 443px; } #middle.global .sub06_04 .map_area .map_list .m_list20 { top: 332px; left: 473px; } #middle.global .sub06_04 .map_area .map_list .m_list21 { top: 346px; left: 463px; } #middle.global .sub06_04 .map_area .map_list .m_list22 { top: 345px; left: 322px; } /* 아시아.오세아니아*/ #middle.global .sub06_05 .map_area .map_list .m_list1 { top: 125px; left: 265px; } #middle.global .sub06_05 .map_area .map_list .m_list2 { top: 116px; left: 412px; } #middle.global .sub06_05 .map_area .map_list .m_list3 { top: 200px; left: 286px; } #middle.global .sub06_05 .map_area .map_list .m_list4 { top: 145px; left: 316px; } #middle.global .sub06_05 .map_area .map_list .m_list5 { top: 195px; left: 274px; } #middle.global .sub06_05 .map_area .map_list .m_list6 { top: 208px; left: 276px; } #middle.global .sub06_05 .map_area .map_list .m_list7 { top: 223px; left: 290px; } #middle.global .sub06_05 .map_area .map_list .m_list8 { top: 255px; left: 275px; } #middle.global .sub06_05 .map_area .map_list .m_list9 { top: 258px; left: 290px; } #middle.global .sub06_05 .map_area .map_list .m_list10 { top: 134px; left: 323px; } #middle.global .sub06_05 .map_area .map_list .m_list11 { top: 271px; left: 282px; } #middle.global .sub06_05 .map_area .map_list .m_list12 { top: 77px; left: 285px; } #middle.global .sub06_05 .map_area .map_list .m_list13 { top: 102px; left: 241px; } #middle.global .sub06_05 .map_area .map_list .m_list14 { top: 141px; left: 298px; } #middle.global .sub06_05 .map_area .map_list .m_list15 { top: 116px; left: 426px; } #middle.global .sub06_05 .map_area .map_list .m_list16 { top: 306px; left: 337px; } #middle.global .sub06_05 .map_area .map_list .m_list17 { top: 305px; left: 322px; } #middle.global .sub06_05 .map_area .map_list .m_list18 { top: 538px; left: 587px; } #middle.global .sub06_05 .map_area .map_list .m_list19 { top: 77px; left: 300px; } #middle.global .sub06_05 .map_area .map_list .m_list20 { top: 312px; left: 352px; } #middle.global .sub06_06 .map_area .map_list .m_list1 { top: 153px; left: 400px; } #middle.global .sub06_06 .map_area .map_list .m_list2 { top: 302px; left: 477px; } #middle.global .sub06_06 .map_area .map_list .m_list3 { top: 272px; left: 360px; } #middle.global .sub06_06 .map_area .map_list .m_list4 { top: 260px; left: 423px; } #middle.global .sub06_06 .map_area .map_list .m_list5 { top: 302px; left: 495px; } #middle.global .sub06_06 .map_area .map_list .m_list6 { top: 392px; left: 202px; } #middle.global .sub06_06 .map_area .map_list .m_list7 { top: 409px; left: 205px; } /*india*/ #middle.global .sub06_07 .map_area .map_list .m_list1 { top: 168px; left: 268px; } #middle.global .sub06_07 .map_area .map_list .m_list2 { top: 168px; left: 284px; } #middle.global .sub06_07 .map_area .map_list .m_list3 { top: 333px; left: 240px; } #middle.global .sub06_07 .map_area .map_list .m_list4 { top: 353px; left: 260px; } #middle.global .sub06_07 .map_area .map_list .m_list5 { top: 263px; left: 436px; } #middle.global #contents .map_area .map_list img { vertical-align: top; } #middle.global #contents .global_list { border: 1px solid #999; border-bottom: 0 none; background: #fff; } #middle.global #contents .global_list > dl { position: relative; padding-left: 143px; letter-spacing: 0; border-bottom:1px solid #ccc; } #middle.global #contents .global_list > dl.last { border-bottom-color: #999; } #middle.global #contents .global_list > dl > dt { position: absolute; left: 0; top: 0; width: 143px; height: 100%; line-height: 55px; font-weight: bold; background: #f8f8f8; text-align: center; color: #333; } #middle.global #contents .global_list > dl > dd dl { position: relative; } #middle.global #contents .global_list > dl > dd dl dt { font-weight: bold; line-height: 20px; padding-left: 25px; margin-bottom: 5px; color: #9C4FA1; background: url("../images/global/global_L.png") no-repeat scroll left 2px; } #middle.global #contents .global_list > dl > dd dl.popuptype1 dt { background-image: url("../images/global/global_R.png"); } #middle.global #contents .global_list > dl > dd dl.popuptype2 dt { background-image: url("../images/global/global_S.png"); } #middle.global #contents .global_list > dl > dd dl dd { font-size: 13px; line-height: 18px; color: #333; } #middle.global #contents .global_list > dl > dd dl dd span { padding-right: 110px; } #middle.global #contents .global_list > dl > dd dl dd dfn { margin-right: 5px; font-weight: bold; } #middle.global #contents .global_list > dl > dd dl .btn_detail { position: absolute; right: 0; bottom: 0; font-size: 13px; } #middle.global #contents .global_list > dl > dd dl .btn_detail a { display: block; padding: 0 18px; text-align: center; line-height: 27px; color: #fff; background: #6f6f6f; } #middle.global #contents .global_list > dl > dd dl .btn_detail a:hover{ background: #386bc4; } #middle.global #contents .global_list > dl > dd .popuptype1 dt { color: #3462b1; } #middle.global #contents .global_list > dl > dd .popuptype2 dt { color: #3e8400; } #middle.global #contents .global_list > dl > dd { border-top: 1px solid #ccc; padding: 17px 28px; } #middle.global #contents .global_list > dl > dt + dd { border-top: 0 none; } /* 7. 검색결과 */ #contents.sub_search { margin-top: 115px; width: 100%; float: none; clear: both;} #contents.sub_search h1 { margin-bottom: 36px; } .sub_search .next_nav { display: none; } .sub_search .content_body { line-height: 25px; } .sub_search .content_body > h1 { font-size: 18px; line-height: 25px; margin-bottom: 30px; font-weight: normal; } .sub_search .content_body > h1 span { font-weight: bold; text-decoration: underline; } .sub_search .highlight {color: #4C74E6; font-weight: bold; } .sub_search .search_section { padding: 25px 0; border-bottom: 1px solid #e7e7e7; } .sub_search .search_section + .search_section + .search_section +.search_section + .search_section +.search_section { border-bottom: 0 none;} .sub_search h1 + .search_section { padding-top: 0; } .sub_search .search_section dl dd { margin-bottom: 25px; } .sub_search .search_section dl dd.last { margin-bottom: 0px; } .sub_search .search_section dl dt { font-size: 18px; margin-bottom: 10px; font-weight: bold; } .sub_search .search_section dl dt em { font-size: 13px; } .sub_search .search_section dl dd, .sub_search .search_section dl dd a { color: #333; } .sub_search .search_section dl .s_location { color: #333; } /* sub07_01 이메일 주소 무단수집 거부 */ #contents[class^="sub07_"] { margin-top:115px; width: 100%; } #contents[class^="sub07_"] .content_body { color: #333; margin-top: 37px; padding-top: 40px; border-top: 1px solid #ccc; } .sub07_01 .content_body { min-height: 490px; } .sub07_01 .content_body .txt_email1 { color: #386bc4; font-size: 20px; } .sub07_01 .content_body .txt_email2 { font-size: 16px; line-height: 25px; margin-top: 30px; } /* sub07_02 legal notice */ .sub07_02 .content_body .txt_notice1 { font-size: 20px; } .sub07_02 .content_body .txt_notice2 { font-size: 16px; line-height: 25px; margin-top: 30px; } .sub07_02 .content_body dl { margin-top: 30px; } .sub07_02 .content_body dt { font-size: 16px; color: #386bc4; font-weight: bold; margin-top: 35px; } .sub07_02 .content_body dt.first { margin-top: 0; } .sub07_02 .content_body dd { margin-top: 10px; line-height: 25px; } .sub07_02 .content_body dd.mgt_30 { margin-top: 30px; } .sub07_02 .content_body dd a { color: #333; } /* sub07_03 삼성물산 개인정보 처리방침 */ /* 수정 150905 */ .sub07_03 .content { } .sub07_03 .txt_personal_information2 { margin-top: 25px; } .sub07_03 .txt_personal_information2 a { text-decoration: underline; color: #555; word-wrap: break-word; } .sub07_03 .personal_information_area { margin-top: 20px; } .sub07_03 .personal_information_area ol { list-style-type: decimal; list-style-position: inside; font-weight: bold; } .sub07_03 .personal_information_area ol ol { color: #555; margin-left: 2%; font-weight: normal; } .sub07_03 .personal_information_area ul { color: #555; font-weight: normal; margin-top: 10px; } .sub07_03 .personal_information_area ul ul { margin-top: 0; } .sub07_03 .personal_information_area .bookmark { width: 100%; list-style-type: none; } /* 150905 */ .sub07_03 .personal_information_area .bookmark li { width: auto; color: #386bc4; font-weight: bold; border-bottom: 1px solid #e5e5e5; } .sub07_03 .personal_information_area .bookmark li a { display: block; padding: 9px 0 6px 20px; } .sub07_03 .personal_information_area .pre_wrap { white-space: pre-wrap; font-weight: normal; *white-space: pre; *word-wrap: break-word; } /* 150905 */ .sub07_03 .personal_information_area .personal_information { margin-top: 35px; } .sub07_03 .personal_information_area .personal_information li { margin-top: 25px; } .sub07_03 .personal_information_area .personal_information ul li { list-style-position: outside; margin-top: 0; } .sub07_03 .personal_information_area .personal_information .bullet { padding-left: 10px; background: url("../images/etc/bg_disc.png") no-repeat 3px 6px; } .sub07_03 .personal_information_area .personal_information .information_stop ol { padding-left: 25px; } .sub07_03 .personal_information_area .personal_information .mgt_25 { margin-top: 25px; } .sub07_03 .personal_information_area table { margin-top: 10px; width: 100%; border-collapse:collapse; border-spacing: 0; border-bottom: 2px solid #878787; } .sub07_03 .personal_information_area th { text-align: center; padding: 13px 0 8px; border-top: 2px solid #878787; border-bottom: 1px solid #ccc; background: #f9f9f9; } .sub07_03 .personal_information_area td { padding: 10px 0 10px 20px; border-top: 1px solid #e8e8e8 } .sub07_03 .personal_information_area .fist td { border-top: 0; } .sub07_03 .personal_information_area .t_border { font-weight: bold; border-right: 1px solid #e8e8e8 } .sub07_03 .personal_information_area .personal_information .mgt_20 { margin-top: 20px; } .sub07_03 .personal_information_area .personal_information dfn { font-weight: bold; } .sub07_03 .personal_information_area .personal_information a { color: #555; } .sub07_03 .personal_information_area .policy { margin-top: 25px; } .sub07_03 .personal_information_area .policy dfn { font-weight: bold; } .sub07_03 .personal_information_area .policy span { display: block; } @media screen and (max-width: 1024px) { /* 아이패드 가로 */ } @media screen and (max-width: 959px) { /* 아이패드 세로 */ /* 한눈에 보는 상사*/ #title_area.top_overview {margin-top:45px; padding:40px 0 40px; height:auto;} #middle .over_top {padding:70px 0 0; height:auto;} #middle .over_left {padding:0 15px; width:100%; box-sizing:border-box;} #middle .over_left .over_tit {margin-bottom:40px; padding-left:29px; font-size:2rem;} #middle .over_left .over_txt {margin-bottom:7px; font-size:14px;} #middle .over_left .over_txt > b {font-size:16px;} #middle .over_right {position:static; margin-top:35px;} #middle .over_right .over_box_top {padding:30px 15px 10px;} #middle .over_right .over_box_top > h2 {margin-bottom:20px; padding-bottom:20px; font-size:1.56rem; border-width:2px;} #middle .over_right div > dl {margin:18px 0;} #middle .over_right div > dl dt {width:100px;} #middle .over_right div > dl dd {width:calc(100% - 103px);} #middle .over_right .over_box_bottom {padding:25px 15px;} /* 1. 회사소개 */ #middle.company #contents.sub01_02 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_02 .content_body dd span { display:inline; } #middle.company #contents .tb01 th, #middle.company #contents .tb01 td { padding-left: 5px; } #middle.company #contents.sub01_01 .content_body .p_comm { font-size:16px; margin-bottom:20px; } #middle.company #contents.sub01_01 .content_body .wrap_info { padding-left:0px; background: none; margin-bottom:20px; } #middle.company #contents.sub01_01 .content_body .txt_area { background:none; } #middle.company #contents.sub01_01 .content_body .txt_area span { display: block; width: auto !important; } #middle.company #contents.sub01_02 h1 { margin-top:0; margin-bottom:37px; padding-left:0;} #middle.company #contents.sub01_02 .content_body { padding-top:0; } #middle.company #contents.sub01_02 .content_body dl { position: relative; line-height:25px; text-align: center; } #middle.company #contents.sub01_02 .content_body dt { padding-left: 0px; padding-top: 0; } #middle.company #contents.sub01_02 .content_body dd { padding-left: 0px !important; } #middle.company #contents.sub01_02 .content_body .photo { position: static; margin-bottom: 20px; } #middle.company #contents.sub01_02 .content_body .pro { position: static; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 { padding-top:0; background: none; } /* 회사소개 - 비전/종합력 - 비전 */ #middle.company #contents.sub01_03_01 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_03_01:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_01 h1 { margin-top:0; margin-bottom:37px; padding-left:0; } #middle.company #contents.sub01_03_01 .comm { text-align:center; margin:25px 0 25px; } #middle.company #contents.sub01_03_01 .comm dt { margin-bottom:18px; } #middle.company #contents.sub01_03_01 .comm dt img { width: 300px; } #middle.company #contents.sub01_03_01 .comm dd {font-size:15px;} #middle.company #contents.sub01_03_01 .comm dd:before {margin:13px auto 15px; height:23px;} #middle.company #contents .vision_box {position:relative; margin-top:40px;} #middle.company #contents .vision_box.bg {padding:0 11px 40px; background:#f1f4f7;} #middle.company #contents .vision_box .tit {margin:0 auto; width:168px; font-size:15px;} #middle.company #contents .vision_box.bg .tit {position:relative; top:-16px;} #middle.company #contents .vision_box .tit > span {padding:7px 55px; width:57px; background:url('../images/background/bg_vision_m_tit.png') no-repeat right center; background-size:50% 33px;} #middle.company #contents .vision_box .sub_tit {margin-top:28px; line-height:1.4; font-size:20px; } #middle.company #contents .vision_box .sub_tit > span {display:block; color:#1054c3;} #middle.company #contents .vision_box .half_box {overflow:hidden; margin-top:6px; padding:0;} #middle.company #contents .vision_box .half_box li {float:none; margin:20px 0 0; padding:54px 0; width:100%;} #middle.company #contents .vision_box .half_box li .part {font-size:15px;} #middle.company #contents .vision_box .half_box li .bold {font-size:20px;} #middle.company #contents .vision_box .half_box li .bar { margin:13px auto; width:25px;} #middle.company #contents .vision_box .line_bar { margin-top:31px; padding-bottom:40px;} #middle.company #contents .vision_box .line_bar li {position:relative; display:inline-block; margin:6% 7%; padding:9.5% 0; width:32%; height:auto; font-size:13px; letter-spacing:-.05em; text-align:center; border:5px solid #2665cd; background:#f1f4f7;} #middle.company #contents .vision_box .line_bar li:after {width:70%; height:3px; background:#dce6f7; z-index:-1;} #middle.company #contents .vision_box .line_bar li:first-child:after {display:block; top:102%; left:50%; transform: rotate(45deg);} #middle.company #contents .vision_box .line_bar li:first-child + li:after {top:-20%; left:50%; transform: rotate(-45deg);} #middle.company #contents .vision_box .line_bar li:first-child + li + li:after {top:55%; left:-55%;} #middle.company #contents .vision_box .line_bar li:first-child {display:block; margin:0 auto;} #middle.company #contents .vision_box .add_bar {margin-top:32px; padding-bottom:0;} #middle.company #contents .vision_box .add_bar li {display:block; width:100%; text-align:center; font-size:0;} #middle.company #contents .vision_box .add_bar li:after {position:absolute; top:-5px; left:50%; display:block; margin-left:-6.5px; content:''; width:13px; height:13px; background:url('../images/icon/vision_add.png') no-repeat; background-size:13px 13px;} #middle.company #contents .vision_box .add_bar li:first-child:after {display:none;} #middle.company #contents .vision_box .add_bar li dl {background-size:50% auto;} #middle.company #contents .vision_box .add_bar li:first-child + li dl {} #middle.company #contents .vision_box .add_bar li:first-child + li + li dl {} #middle.company #contents .vision_box .add_bar li dt {padding:17.6% 0 8%; font-size:14px;} #middle.company #contents .vision_box .add_bar li dd {padding:4% 0 13.5%;font-size:16px;} /* 회사소개 - 비전/종합력 - 상사업/종합력 */ #middle.company #contents.sub01_03_02 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } #middle.company #contents.sub01_03_02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_03_02 h1 { margin-top:0; margin-bottom:37px; padding-left:0; } #middle.company #contents.sub01_03_02 h2 { margin-bottom:0; } #middle.company #contents.sub01_03_02 h2 span { display:inline-block; } #middle.company #contents.sub01_03_02 .wrap_box { } #middle.company #contents.sub01_03_02 .wrap_box .comm { margin-bottom:30px; } #middle.company #contents.sub01_03_02 .wrap_box. comm span { display:block; } #middle.company #contents.sub01_03_02 .wrap_box .block { display: block; } #middle.company #contents.sub01_03_02 .wrap_box dl { text-align:center; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 {} #middle.company #contents.sub01_03_02 .wrap_box .dl01 dt { overflow: hidden; height:30px; padding-top:6px; margin-bottom:30px; font-weight:bold; font-size:16px; color:#fff; background:#606060; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 { } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul { position:relative; *zoom:1; text-align: center;} #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul li { display: inline-block; position:relative; float:none; margin-bottom: 20px; width:118px; height:102px; padding-top:40px; padding-right:17px; margin-right:0; font-size:14px; line-height:18px; color:#333; font-weight:bold; *display: inline; *zoom: 1; vertical-align: top; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd02 { margin-top: 10px; font-size:16px; height:30px; padding-top:6px; color:#fff; background: #3361b0; overflow: hidden; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt { margin-bottom:30px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt span { display:block; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt01 { font-size:18px; line-height:22px; color:#757575; margin-bottom:10px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt02 { font-size:30px; line-height:34px; font-weight:bold; color:#3b5c94; font-weight:normal; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd em {} #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul { position:relative; width:100%; *zoom:1; color:#fff; background: none; text-align: center; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li { display: inline-block; float:none; width:185px; height:158px; padding-top:40px; padding-right:10px; margin-right:0px; font-size:16px; line-height:24px; vertical-align: top; *display: inline; *zoom: 1; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li em { display:block; font-weight:bold; font-size:20px; padding-top:25px; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list01 { background:url('../images/company/bg_img03_12.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list02 { background:url('../images/company/bg_img03_13.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list03 { background:url('../images/company/bg_img03_14.png') no-repeat; } #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .pdr_0 { padding-right:0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box01 { padding: 0 0 10px 0; background: none; margin-bottom:20px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box01 p {} #middle.company #contents.sub01_04_01 .content_body .wrap_box02 { width:100%; position:relative; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 h2 { position: static; top:0; left:0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl { margin-bottom: 10px; width:100%; position:relative; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dt { position: relative; margin-bottom: 15px; width:auto; padding-left:10px; padding-top:12px; background:url('../images/company/dot04_01.png') repeat-x; font-size:16px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dd { margin-left: 0; text-align:center; padding:12px 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt { height: auto; padding-top: 12px; background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt em { font-size:22px; color:#18366e; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd { height:102px; padding-top: 0; padding-left:0; background: none; text-align: center; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd img { width: 280px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t01 { font-size:24px; line-height:24px; color:#333; margin-bottom:14px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t02 { display: block; font-size:32px; line-height:36px; color:#2d2d2d; font-weight:normal; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dd { background:#065cac; color:#fff; font-size:16px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dd { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 span { margin-bottom:5px; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 { } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dd { background:url('../images/company/bg_img04_01.png') repeat; color:#fff; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul { position:relative; *zoom:1; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul:after { content:""; display:block; clear:both; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul li { float:left; width: 25%; font-size: 13px; background-size: 14px auto;} #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 { background:url('../images/company/dot04_01.png') repeat-x left bottom; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dt { background-position:0 0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd { padding:0; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul { width:100%; overflow:hidden; padding:12px 0; background:url('../images/company/bg_img04_02.png') repeat; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul li { float:left; width:33.3%; text-align:center; } #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd p { padding:8px 0; background:#e2e2e2; } #middle.company #contents.sub01_04_02 .content_body .wrap_box { padding-bottom: 10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box { border-bottom:2px solid #878787; } #middle.company #contents.sub01_04_02 .content_body .wrap_box h3 { position:static; margin-bottom: 10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dl { margin-left: 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dt { position: static; width:auto; padding: 10px; height: auto !important; color:#fff; font-weight: bold; text-align: center; background-image: none !important; } #middle.company #contents.sub01_04_02 .content_body .wrap_box dd { margin-left: 0; padding-left:0px; padding:20px 10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dt { background-color: #2e67ba; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dd { border-top: 0 none; height: auto; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dt { background-color: #1d4c9a; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dd { height:48px; border-top:1px solid #ccc; border-bottom: 0 none; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dt { background-color: #609bda; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dd { height:49px; line-height: 49px; border-top:0 none; border-bottom:1px solid #ccc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 em { font-weight:bold; color:#333; font-size:18px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 span { margin-bottom:10px; color:#757575; } /* #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dt { background-color: #468cd6; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dd { height:69px; padding:10px 20px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 dd .wrap_conts { display:inline-block; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 p { float:left; width:100px; font-size:11px; letter-spacing:0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 .plus { display:block; float:left; width:60px; padding-top:20px; font-size:30px; font-weight:bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 span { display: block; line-height:14px; margin-bottom:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_2 em { color:#386bc4; font-size:24px; } */ #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 { } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dt { background-color: #2f77c3; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd { height:67px; border-bottom: 0 none; padding:10px 20px; border-top: 0 none; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd .wrap_conts { display:inline-block; padding-top:8px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 p { float:left; font-size:16px; width:100px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .p01 { padding-top:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .plus { display:block; float:left; width:60px; padding-top:10px; font-size:30px; font-weight:bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 { width:100%; position:relative; padding-bottom: 0; margin-bottom:50px; border-bottom:2px solid #878787;} #middle.company #contents.sub01_04_02 .content_body .wrap_box2 h3 { position:static; margin-bottom: 10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 dl { position:relative; overflow:hidden; margin-left: 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 { background-position: center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dt { margin-bottom: 5px; font-size: 16px; text-align: center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 > dt { margin-bottom: 15px; font-size: 20px; font-weight: bold; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd { text-align: center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd > ul > li { margin-bottom: 10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd > ul > li:first-child { border: 0 none; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 { position:relative; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dt { position: static; padding: 10px 0; width: auto; color:#fff; font-size:16px; background-image: none !important; text-align: center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dd { margin-left:0px; border-bottom: 0 none; text-align: center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 { height: auto; background-color: #3668c2; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01_1 { color:#386bc4; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 { height: auto; background-color: #4c97e5; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02_1 { color:#3587dc; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 { height: auto; background-color: #595959; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03_1 { color:#333; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 span { position: static; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 span { position: static; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 span { position: static; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd { height:94px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd .in_sec { border-top:1px solid #e5e5e5; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 + dd { height:93px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 + dd { height:93px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec { margin-left:0; padding-top:5px; padding-left:10px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dt { margin-bottom:5px; font-size: 16px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dd { line-height:18px; font-size:14px; letter-spacing:0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 { position:relative; height: auto; margin-left: 0; background: none; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li { position: static; margin-bottom: 10px; width: auto; font-size: 13px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li dfn { display:block; color:#333; font-size:20px; margin-bottom:5px; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li em { display:block; font-size:20px; font-weight:bold; color:#386bc4; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_1 { top:0; left:0; text-align:center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_2 { top:0; right:0; text-align:center;} #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_3 { top:142px; left:0; text-align:center; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_4 { top:142px; right:0; text-align:center;} /* 회사소개 - 경영혁신 */ #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt01 { margin-bottom:15px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt02 { margin-bottom:30px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec h3 { font-size:30px; line-height:34px; font-weight:normal; color:#2d2d2d; text-align:center; margin-bottom:20px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 { width:100%; overflow:hidden; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 li { height: auto; padding: 10px 0; font-size:13px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 li span { display: block; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 { width: auto; height:auto; padding:30px 10px 10px 10px; text-align:center; padding-top:30px; *zoom: 1; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02:after { content:""; display: block; clear: both; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 h4 { font-size:18px; font-weight:normal; margin-bottom:25px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 .bg_shadow { margin: 0 auto 10px auto; width:260px; float:none; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dl { padding:20px; text-align:left; border:1px solid #b2b2b2; background:#fff; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dt { color:#386bc4; font-size:18px; margin-bottom:10px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dd {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts h3 { text-align:center; color:#fff; font-size:16px; background:url('../images/company/bg_img04_16.png') no-repeat; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl { padding:20px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dt { color:#333; margin-bottom:15px; font-weight:bold; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dd { width:112px; padding-left:7px; font-size: 13px; margin-bottom:20px; background:url('../images/company/bl01.png') no-repeat 0 12px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 { position: relative; margin: 10px auto 0 auto; left: 0; top: 0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 h3 { top:222px; left:0; width:239px; height:46px; line-height:46px; background-position:0 0; z-index:3; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 { width:199px; height:82px; top:268px; left:0; background:url('../images/company/bg_img04_17.png'); border-bottom:1px solid #d9d9d9; z-index:2; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dt { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dd { width:auto; margin-bottom:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 { top:0; left:0; width:239px; height:222px; padding:0; color:#333; background:url('../images/company/bg_img04_15.png') no-repeat; text-align:center; z-index:1; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dt { padding-top:30px; font-weight:bold; margin-bottom:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd { width:100%; padding:0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd span { line-height:18px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 { float:none; margin: 0 auto; width:237px; margin-top:30px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 h3 { height:40px; padding-top:10px; background-position:0 -46px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dl { height:auto; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dt {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dd {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 { float:none; margin: 0 auto; width:239px; margin-top:30px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 h3 { height:40px; padding-top:10px; background-position:0 -96px; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dl{ height:auto; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dt {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dd {} #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dl { position:relative; width:100%; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dt { position: static; top:0; left:0; width: auto; padding:15px; background-image: none; color:#fff; font-weight:bold; text-align: center; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd { padding: 10px; font-size: 13px; text-align: center; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 { background:#f0f7fd;} #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dt { height:auto; background-color: #3668c2; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dd { height:auto; color:#004484; border-top:0 none; border-bottom: 0 none; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dt { height:auto; background-color: #4f99e6; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dd { height:auto; color:#2d79c8; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 { } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dt { height:auto; background-color: #5d5d5d; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dd { height:auto; border-top:1px solid #c3c3c3; border-bottom:2px solid #878787; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul { padding-left: 0px; padding-top: 0; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul li { padding-left: 0; background: none;} /* sub01_05 연혁 */ .thum img { vertical-align: top; } [class^="sub02_"] .content_body .thum > img { width: auto; } .company #lnb h1 { background: url("../images/lnb/lnb01.png"); } #contents.sub01_05 { background-image: url("../images/lnb/lnb01_01.png"); } #contents.sub01_05 h1 { margin-top:0; margin-bottom:36px; padding-left:0; } .sub01_05 .content_body .tab01 { margin-top: 15px; margin-bottom: 28px; } .sub01_05 .content_body .tab01 > li { width: 142px; } .sub01_05 .content_body .tab_detail { } .sub01_05 .content_body .tab_detail .tit_history { position: relative; *zoom: 1; padding-bottom: 30px; } .sub01_05 .content_body .tab_detail .tit_history:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .tit_history .left h1 { margin-bottom: 20px !important; } .sub01_05 .content_body .tab_detail .tit_history .left h1 > span:first-child { display: block; font-size: 13px; line-height: 14px; color: #333; letter-spacing: 0; } .sub01_05 .content_body .tab_detail .left { margin-bottom: 20px; width: auto; position: static; margin-right: 0px; } .sub01_05 .content_body .tab_detail .bxslider { position: relative; float: none; width: auto; padding-top: 20px; } /* */ .bxslider .bx-wrapper { margin: 0 auto; } .bxslider .bx-pager { font-size: 13px; position: absolute; right: 10px; top: -10px; word-spacing: 2px; } .bxslider .bx-pager:first-letter { color: #386BC4; font-weight: bold; } /* */ .sub01_05 .content_body .tab_detail .bxslider ul { margin: 0 auto; width: auto; *zoom: 1; } .sub01_05 .content_body .tab_detail .bxslider ul:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .bxslider ul li { width: 50%; float: left; } .sub01_05 .content_body .tab_detail .bxslider ul li .thum { width: auto !important; margin-bottom: 7px; } .sub01_05 .content_body .tab_detail .bxslider ul li .thum img { width: 100%; height: auto; } .sub01_05 .content_body .tab_detail .bxslider ul li dl { margin: 0 auto; width: auto; font-size: 13px; } .sub01_05 .content_body .tab_detail .history_detail { border-top: 1px solid #ccc; padding: 0px 0 0px 0; background: none; } .sub01_05 .content_body #sub01_05_01 .history_detail, .sub01_05 .content_body #sub01_05_02 .history_detail, .sub01_05 .content_body #sub01_05_03 .history_detail, .sub01_05 .content_body #sub01_05_04 .history_detail, .sub01_05 .content_body #sub01_05_05 .history_detail { background: none; } .sub01_05 .content_body .tab_detail .img_right { position: relative; *zoom: 1; } .sub01_05 .content_body .tab_detail .img_right:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .img_right .thum { /* position: absolute; right: 0; top: 0;*/ } .sub01_05 .content_body .tab_detail .img_right .thum img { display: block; } .sub01_05 .content_body .tab_detail .img_right dl { float: none; position: relative; margin-right: 0; margin-top: 25px; *zoom: 1; text-align: center; } .sub01_05 .content_body .tab_detail .img_right .thum + dl { margin-top: 0; } .sub01_05 .content_body .tab_detail .img_right dl:after { display: block; content:""; clear: both; } .sub01_05 .content_body .tab_detail .img_right dl .year { margin-bottom: 10px; position: static; text-align: center; margin-right: 0; } .sub01_05 .content_body .tab_detail .img_right dl .month { float: none; margin-left: 0; } .sub01_05 .content_body .tab_detail .img_right dl .month dfn { float: none; display: block; width: auto; margin-right: 0; } .sub01_05 .content_body .tab_detail .img_right dl .month span {float: none; display: block; width: auto; } #middle.company #contents.sub01_06_01 .content_body .map {float:none; width:100%;} #middle.company #contents.sub01_06_01 .content_body .map img { width: 100%; } #middle.company #contents.sub01_06_01 .content_body .map_case:first-child { margin-right: 5%; } /* 사옥위치 */ #middle.company #contents.sub01_06_01 h1 { margin-top:0; margin-bottom:36px; padding-left:0; } /* sub01_06_02 고객문의 */ .company #lnb h1 { background: url("../images/lnb/lnb01.png"); } #contents.sub01_06_02 { background-image: url("../images/lnb/lnb01_01.png"); } #contents.sub01_06_02 #location + h1 { margin-top:0; margin-bottom:36px; padding-left:0; } .sub01_06_02 .content_body .tab01 { margin-top: 39px; margin-bottom: 28px; } .sub01_06_02 .content_body .tab01 > li { width: 50%; } .sub01_06_02 .content_body .contact_form { padding-top: 35px; font-size: 13px; } .sub01_06_02 .content_body .contact_form fieldset { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 { border: 0 none; margin-bottom: 5px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul { margin-top: 10px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li { position: relative; width: 100%; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li label { display: block; padding-left: 20px;} .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li input { position: absolute; top: 4px; left: 0; vertical-align: middle; margin-right: 5px; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li dfn { font-weight: bold; } .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li span { display: block; padding-left: 0px; color: #757575; } .sub01_07 .content_body { text-align: center; } .sub01_07 .sub01_07_section { width: auto; float: none; margin: 0 auto; vertical-align: top; display: inline-block; padding: 0 6%; *display: inline; *zoom: 1; } .sub01_07 .sub01_07_section dl { padding: 0; } .sub01_07 .sub01_07_section > div:first-child { text-align: center; } /* 2. 사업영역 */ #middle.business {margin-top:48px;} #middle .business_slide .roll_cont .roll_info .btn_box a {padding:10px 25px;} #middle .business_slide .roll_cont .roll_info .btn_box span {padding-right:0; background:none;} .bz_title {top:28%; font-size:2rem;} .bz_title > small {display:none;} .off .bz_title {position:relative; top:28%; left:0; margin-left:0; width:auto; padding-left:15px; text-align:left; transform: rotate(0deg) !important;} .active .bz_title {top:34px; font-size:1.9rem;} .active .bz_title > small {display:block; margin-bottom:14px; font-size:.8rem;} .active .bz_sub_tit {top:48px;} .active .active_box {top:54px;} .active_box .active_txt {width:90%;} .active_box .tag {display:none;} .active_box .btn_box {margin-top:24px;} .bz_slide.active {width:100%; height:60%;} .bz_slide.off {width:100%; height:10%;} .bz_slide .object {display:none;} .bz_container {flex-direction: column;} .bz_sub_tit {top:35%; padding: 0%; width:100%; font-size:.8rem; border: 0px solid #f1f1f1;} .bz_sub_tit:before {display:none;} .bz_slide {overflow: auto; overflow-x: hidden; width:100%; height:25%; background-position:center 90%;} .bz_slide.chemical { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('../images/background/bz_chemical.jpg');} .bz_slide.steel { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('../images/background/bz_steel.jpg');} .bz_slide.energy { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('../images/background/bz_energy.jpg');} .bz_slide.material { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('../images/background/bz_material.jpg');} .bz_slide.active {-webkit-flex-grow: 10; flex-grow: 10;} .bz_slide.active.chemical {padding-left:15px; background-image:url('../images/background/bz_active_m_chemical.png'); background-size:175px 181px; background-position:right bottom;} .bz_slide.active.steel {padding-left:15px; background-image:url('../images/background/bz_active_m_steel.png'); background-size:217px 200px; background-position:right bottom;} .bz_slide.active.energy {padding-left:15px; background-image:url('../images/background/bz_active_m_energy.png'); background-size:175px 181px; background-position:right bottom;} .bz_slide.active.material {padding-left:15px; background-image:url('../images/background/bz_active_m_material.png'); background-size:209px 213px; background-position:right bottom;} .bz_slide.active .bz_close {top:40px; right:15px; width:17px; height:17px; background-size:17px 17px;} .bz_slide.off.chemical { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_chemical_off.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .bz_slide.off.steel { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_steel_off.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .bz_slide.off.energy { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_energy_off.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .bz_slide.off.material { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/background/bz_material_off.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .bz_title-home { top: 20%; } .bz_sub_tit_home { -moz-animation: flexAboutHome; -moz-animation-duration: 3s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0s; -webkit-animation: flexAboutHome; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; animation: flexAboutHome; animation-duration: 3s; animation-iteration-count: 1; animation-delay: 0s; } #middle .title_area.bz_top {padding-top:65px; height:125px; font-size:1.3rem;} #middle .sub_title_box {margin:40px 10px 0; height:110px;} #middle .sub_title_box .sec_tit {padding-top:43px; font-size:2rem;} #middle .title_info {margin:24px 0 0; padding:0 15px;} #middle .title_info > h3 {line-height:1.4; font-size:20px;} #middle .title_info > p {margin-top:9px; line-height:1.6; font-size:14px;} #middle .title_info .img_slide {margin-top:33px; padding-left:0;} #middle .title_info .img_slide .list_area {min-height:auto;} #middle .title_info .img_slide .list_area > ul > li {padding:15px 0;} #middle .title_info .img_slide .list_area > ul > li .list_tit {font-size:.94rem;} #middle .title_info .img_slide .list_area > ul > li.active {padding:20px 0 10px;} #middle .title_info .img_slide .list_area > ul > li.active .list_tit {margin-top:0; font-size:1.6rem;} #middle .title_info .img_slide .list_area > ul > li.active .list_txt {font-size:14px;} #middle .title_info .img_slide .list_area > ul > li.active .contact_box {padding-top:17px;} #middle .title_info .img_slide .list_area > ul > li .contact_box li {padding-left:70px; padding-top:2px; min-height:28px; font-size:.75rem;} #middle .title_info .img_slide .list_area > ul > li .contact_box li > span {padding:4px 16px; font-size:.75rem;} #middle .title_info .img_slide .list_area > ul > li .contact_box li > a {font-size:.75rem;} #middle .business_slide {padding:40px 0 60px;} #middle .business_slide.solo {padding:40px 20px;} #middle .business_slide .roll_cont {margin-right:20px; padding:0; width:100%; min-height:626px; box-sizing:border-box; -webkit-box-shadow: 7px 11px 20px 0px rgba(181,181,181,1); -moz-box-shadow: 7px 11px 20px 0px rgba(181,181,181,1); box-shadow: 7px 11px 20px 0px rgba(181,181,181,1);} #middle .business_slide .roll_cont .thumb {display:block; padding:20px 20px 0; width:100%; box-sizing: border-box;} #middle .business_slide .roll_cont img {width:100%;} #middle .business_slide .roll_cont .roll_info {display:block; padding:20px; width:100%; box-sizing: border-box;} #middle .business_slide .roll_cont .roll_tit {margin-top:0; font-size:1.2rem;} #middle .business_slide .roll_cont .roll_txt {font-size:11px;} #middle .business_slide .roll_cont .roll_connect {padding:20px 0;} #middle .business_slide .roll_cont .roll_connect dt {padding-left:0; width:75px; background:none;} #middle .business_slide .bx-wrapper {position:relative;} #middle .business_slide .bx-viewport {margin:0 20px; width:calc(100% - 40px) !important; box-sizing:border-box;} #middle .business_slide .bx-wrapper .bx-controls-direction a {display:none;} #middle .business_slide .bx-wrapper .bx-pager {position:absolute; bottom:-35px; width:100%; padding-top:0;} #middle .sub_title_box .btn_ico, #middle .sub_title_box .sec_txr, #middle .title_info .img_slide .list_area > ul > li.active small, #middle .title_info .img_slide .img_area, #middle .middle_banner > p > em, #middle .business_info .img_box .img_band, #middle .business_slide .roll_cont .roll_tit > small {display:none;} #middle .middle_banner {padding:65px 44px 60px; height:auto;} #middle .middle_banner > h3 {font-size:1.9rem;} #middle .middle_banner > p {font-size:13px;} #middle .business_info {margin-top:40px;} #middle .business_info .img_box {padding:0 15px;} #middle .business_info .img_box img {width:100%;} #middle .business_info .gLeft {margin:0; width:100%; float:none;} #middle .business_info .gRight {margin:0; width:100%; float:none;} #middle .business_info .prd_box {padding:20px 15px 34px; border:0 none;} #middle .business_info li {margin-bottom:10px;} #middle .business_info li.last {margin-bottom:21px;} #middle .business_info li.last.box {margin:0 15px; padding:15px 0 45px;} #middle .business_info .prd_box .prd_tit {margin-bottom:15px; font-size:22px;} #middle .business_info .prd_box .prd_part {margin-top:15px; font-size:14px; color:#666;} #middle .business_slide .roll_cont .btn_box {text-align:center;} #middle .wrap {padding-bottom:0;} [class^="sub02_"] .content_body .tab01 li { width: 50%; } #contents[class^="sub02_"] .content_body { padding: 20px 10px 0 10px; color: #333; } [class^="sub02_"] .content_body .intro dl dt { position: relative; margin-bottom: 5px; width: auto; } [class^="sub02_"] .content_body .intro dl dd { margin-left: 0; } [class^="sub02_"] .content_body .intro { margin-bottom: 20px; } [class^="sub02_"] .content_body .tab_detail { } [class^="sub02_"] .content_body .tab_detail h1 { position: relative; margin-bottom: 10px; width: auto; height: auto; color: #2154ac; line-height: 18px; font-size: 16px; text-indent: 0; overflow: hidden; } [class^="sub02_"] .content_body .tab_detail_top{ position: relative; width: 100%; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5;} [class^="sub02_"] .content_body .tab_detail_top .thum { position: relative; margin-bottom: 10px; width: auto; text-align: center; } [class^="sub02_"] .content_body .tab_detail_top .thum img { vertical-align: top; } [class^="sub02_"] .content_body .tab_detail_top .left { margin-left: 0; text-align: center; } [class^="sub02_"] .content_body .tab_detail_top .left ul { min-height: auto; height: auto; margin-bottom: 10px; padding-bottom: 0px; } [class^="sub02_"] .content_body .tab_detail_top .left ul li { text-align: center; } [class^="sub02_"] .content_body .tab_detail_top .left dl { position: static; bottom: auto; left: auto; } [class^="sub02_"] .content_body .tab_detail_top .left dt { display: inline-block; margin-bottom: 5px; width: auto; } [class^="sub02_"] .content_body .tab_detail_top .left dfn { margin-right: 5px; } [class^="sub02_"] .content_body .strategy { clear: both; width: 100%; } [class^="sub02_"] .content_body .strategy h2, [class^="sub02_"] .content_body .strategy h3 { font-size: 14px; color: #3666B3; } [class^="sub02_"] .content_body .strategy > p { margin-top: 30px; margin-bottom:35px; } [class^="sub02_"] .content_body .strategy > p:first-child, [class^="sub02_"] .content_body .strategy h2 + p, [class^="sub02_"] .content_body .strategy h3 + p { margin-top: 0; } [class^="sub02_"] .content_body .strategy dl dt { margin-bottom: 15px; font-weight: bold; color: #386bc4; } [class^="sub02_"] .content_body .strategy [class^="img_"] { margin-top: 30px; background-repeat: no-repeat; } [class^="sub02_"] .content_body .strategy .img_left { background-position: left 0; } [class^="sub02_"] .content_body .strategy .img_right { background-position: right 0; } [class^="sub02_"] .content_body .strategy [class^="img_"] dd { margin-bottom: 35px; } [class^="sub02_"] .content_body .strategy .img_left .thum { left: 0; } [class^="sub02_"] .content_body .strategy .img_right .thum { right: 0; } [class^="sub02_"] .blt { display: inline-block; *display: inline; *zoom: 1; padding-left: 8px; background: url('../images/business/blt.png') no-repeat left 9px; } [class^="sub02_"] .major { margin-bottom: 20px; padding: 0 0 10px 0; } [class^="sub02_"] .major .major_list { position: relative; left: 0; width: auto; *zoom: 1; position: relative; z-index: 10; } [class^="sub02_"] .major .major_list:after { display: block; content: ""; clear: both; } [class^="sub02_"] .major .major_list > li { position: static; margin-bottom: 5px; padding: 0; width: 50%; height: auto !important; text-align: left; } [class^="sub02_"] .major .major_list .mj_top { height: 492px; } [class^="sub02_"] .major .major_list > li > .thum_wrap { position: relative; background: none; height: auto; padding-bottom: 0; z-index: 1; } [class^="sub02_"] .major .major_list > li > .thum_wrap > .thum { position: absolute; width: 100%; height: 100%; z-index: 1; border: 0 none; } [class^="sub02_"] .major .major_list > li > .thum_wrap > .thum img { display: none; } [class^="sub02_"] .major .major_list > li > .thum_wrap > span { display: block; margin-right: 18px; padding-right: 17px; background: url('../images/business/btn_plus.png') right 1px no-repeat; } [class^="sub02_"] .major .major_list > li.on { z-index: 10; } [class^="sub02_"] .major .major_list > li.on > .thum_wrap { padding-bottom: 0; background: none; } [class^="sub02_"] .major .major_list > li .absolute_box { display: none; position: absolute; top: 0; left: 0 !important; width: 100%; height: auto; text-align: left; z-index: 10001; } [class^="sub02_"] .major .major_list > li.on .absolute_box { display: block; } [class^="sub02_"] .major .major_list > li .absolute_box > dl { position: relative; padding: 15px 10px 50px 10px; border: 1px solid #386bc4; background: #fafafa; overflow: hidden; } [class^="sub02_"] .major .major_list > li .absolute_box > dl > dt { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #386bc4; } [class^="sub02_"] .major .major_list > li .absolute_box > dl .thum { position: relative; left: 0; top: 0; margin: 0 auto 10px auto; width: 291px; border: 1px solid #999; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 { margin-bottom: 15px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul { } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul:after { content:""; display: block; clear: both; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li { } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li > div { position: relative; padding-left: 70px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li dfn { position: absolute; left: 0; top: 0; margin-right: 5px; line-height: 25px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li span { display: inline-block; *display: inline; *zoom: 1; width: auto; margin-right: 5px; line-height: 25px; vertical-align: top; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 { padding-top: 15px; border-top: 1px solid #d2d2d2; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dfn { font-weight: bold; } [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 div { line-height: 18px; } [class^="sub02_"] .major .major_list > li .absolute_box dl .location { width: auto; position: absolute; right: 15px; bottom: 15px; text-align: center; } [class^="sub02_"] .major .major_list > li .absolute_box dl .location a span { padding-left: 16px; color: #fff; background: url('../images/business/bg_location.png') no-repeat left; } [class^="sub02_"] .major .major_list > li .absolute_box dl + a { position: absolute; top: 15px; right: 15px; } [class^="sub02_"] .major .major_list .thum .btn_plus { position: absolute; bottom: 6px; right: 6px; } #contents.sub02_02 > h1, #contents.sub02_03 > h1, #contents.sub02_04 > h1, #contents.sub02_05 > h1, #contents.sub02_06 > h1 { margin-bottom: 0px; } .businessArea .trading { padding: 0 10px; width: 456px; border-right: 1px solid #ccc; float: left; } .businessArea .organizing { padding: 0 10px; float: right; } /* sub02_01 사업영역 */ .businessArea .tno { margin-top: 20px; letter-spacing: 0; *zoom: 1; } .businessArea .tno:after { content:""; display: block; clear: both; } .businessArea .tno h2 { margin-bottom: 0px; line-height: 36px; font-size: 15px; font-weight: bold; text-align: left; } .businessArea .tno a { color: #333; } .businessArea .tno dl { position: relative; padding: 140px 0 0 0; width: 50%; text-align: center; } .businessArea .tno dl img { width: 140px !important; vertical-align: top; } .businessArea .tno dt { display: inline-block; padding-right: 27px; font-size: 14px; font-weight: bold; background: url('../images/button/btn_more03.png') right 2px no-repeat; } .businessArea .tno .ctg { font-size: 13px; letter-spacing: -1px; } .businessArea .trading { padding: 0 10px; width: auto; border-right: 0 none; float: none; *zoom: 1; } .businessArea .trading:after { content:""; display: block; clear: both; } .businessArea .trading h2 { color: #437ad7; } .businessArea .trading h2 + a dl .ctg { bottom: 20px; } .businessArea .trading dl { float: left; } .businessArea .organizing { margin-top: 20px; padding: 10px; border-top: 1px solid #ccc; float: none; *zoom: 1; } .businessArea .organizing:after { content:""; display: block; clear: both; } .businessArea .organizing dl { float: left; } .businessArea .organizing h2 { color: #19a694; } .businessArea .organizing h2 + a { display: block; margin-bottom: 0px; } /* sub02_02 화학/소재 */ .sub02_02 .content_body .strategy .img_left dl { margin-left: 0px; } .sub02_02 .content_body .strategy .img_right .thum { } .sub02_02 .content_body .strategy .img_right dl { margin-right: 0px; } .sub02_02 .content_body .strategy [class^="img_"] { margin-top: 0px; } .sub02_02 .content_body .strategy .img_left { background-image: none; } .sub02_02 .content_body .strategy .img_right { background-image: none; } /* sub02_03 철강 */ .sub02_03 .content_body .strategy .img_right dl { margin-right: 0px; padding: 0; } .sub02_03 .content_body .strategy .img_right { background-image: none; } /* sub02_04 자원 */ .sub02_04 .content_body .strategy .img_right dl { margin-right: 0px; } .sub02_04 .content_body .strategy .img_right { background-image: none; } .sub02_04 .content_body .strategy dd.img_left { height: auto; padding-left: 0; background: none; } .sub02_04 .content_body .strategy dd.img_left + dd { padding-left: 0px; } .sub02_04 .content_body .strategy dd.img_left .block { display: block; } /* sub02_05 생활산업 */ .sub02_05 .content_body .strategy .img_left dl { margin-left: 0px; padding-bottom: 0px; } .sub02_05 .content_body .strategy .img_left { background-image: none; } .sub02_05 .content_body .strategy .img_right { background-image: none; } /* sub02_06 기계플랜트 */ .sub02_06 .content_body .strategy .img_left dl { margin-left: 0px; } .sub02_06 .content_body .strategy .img_left .thum { padding-top: 0px; } .sub02_06 .content_body .strategy .img_right dl { margin-right: 0px; } .sub02_06 .content_body .strategy .img_left { background-image: none; } .sub02_06 .content_body .strategy .img_right { background-image: none; } .sub02_06 .salesbook { position:absolute; top:12px; right:5px; width: 138px; height:46px; background: url('../images/business/btn_sales_m.png') no-repeat ; } .sub02_06 .salesbook .text { padding:5px 0 0 9px; } /* sub02_07 그린에너지 */ .sub02_07 .content_body .strategy .img_left dl { margin-left: 0px; } .sub02_07 .content_body .strategy .img_left { background-image: none; } /**/ /* 3. 사회공헌 */ #contents[class^="sub05_"] .content_body, #contents[class^="sub03_"] .content_body { margin-top: 0px; padding-top: 30px; border-top: 0 none; } .sub03_01 .p_comm { font-size:16px; color:#333; line-height:25px; margin-bottom:23px; padding:0 10px; } .sub03_01 .wrap_conts {overflow:hidden;} .sub03_01 .wrap_conts .visual_area { width:auto; height:auto; margin:0 auto; background:none; padding-left:0px; float: none; text-align: center; } .sub03_01 .wrap_conts .visual_area img { width: 300px; } .sub03_01 .graph { padding-left:0; width:100%; } .sub03_01 .graph dl { margin: 0 auto 24px auto; width: 300px; } .sub03_01 .graph dl dt { width:70px; } .sub03_01 .graph dl dd { width:230px; } .sub03_01 .graph h2 { padding-left:10px; } .sub03_01 .graph ul { padding-left:10px; } .sub03_01 .list_social { margin: 0 auto; float:none; padding-left:0; width: 230px; margin-bottom:40px; } .sub03_01 .movie .movie_frame .text { display:none; } .photo_news_view h2 { font-size: 16px; line-height: 22px; padding: 10px; } .photo_news_view p { position: static; text-align: left; padding-top: 10px; } .photo_news_view .news_contents .text_area_view { padding: 0 10px; } .photo_news_view .news_contents .text_area_view img { width: 100% !important; height: auto !important; } .photo_news_view .news_contents { padding-top: 0; } /* 탭 메뉴 다문화 아동지원 */ #contents.sub03_01 h1 {margin-top:0; padding-left:0;} .sub03_02 .tab01 li { width: 50%;} .sub03_02 .tab_detail p { line-height: 25px; } .sub03_02 .tab_detail p.mgt_30 { margin-top: 0; } .sub03_02 .multiple_cultures_area { padding-top: 40px; background: url("../images/social/bg_flower.png") no-repeat 635px 15px; } .sub03_02 .multiple_cultures_area .multiple_cultures { padding-left: 0px; background: none; } .sub03_02 h2 { font-weight: normal; } .sub03_02 li { line-height: 25px; } /* 탭 메뉴 무궁화 사랑 운동 */ #contents.sub03_02 h1 {margin-top:0; padding-left:0;} .sub03_02 .love_exercise { margin-top: 45px; background: none; } /* sub03_03 글로벌 공헌활동 */ #contents.sub03_03 h1 {margin-top:0; padding-left:0;} .sub03_03 .content_body > p { font-size: 16px; line-height: 25px;} .sub03_03 .content_body div p { line-height: 25px; } .sub03_03 .overseas_child { margin-top: 40px; background: none; } .sub03_03 .overseas_child .txt_overseas_child { margin-left: 0; } .sub03_03 .executives_serve { margin-top: 25px; background: none; } .sub03_03 .executives_serve dl { margin-top: 10px; } .sub03_03 .executives_serve dt span { display: inline-block; width: 40px; line-height: 18px; text-align: center; color: #fff; padding-bottom: 4px; background: #386bc4; } .sub03_03 .executives_serve dd.first { margin-top: 5px; } .sub03_03 .overseas_serve { margin-top: 25px; padding-top: 20px; background: none; } /* sub03_04 지역사회 */ #contents.sub03_04 h1 {margin-top:0; padding-left:0;} .sub03_04 .content_body > p { font-size: 16px; } .sub03_04 .content_body p { line-height: 25px; padding-right: 0; } .sub03_04 .communtiy { margin-top: 5px; padding-top: 30px; background: none; padding-right: 0; } .sub03_04 .communtiy_1 { padding-right: 0; background: none; } .sub03_04 .voluntary_service_area { margin-top: 30px; background: none; } .sub03_04 .voluntary_service_area .txt_voluntary_service { padding-left: 0; } .sub03_04 .sponsor_area { margin-top: 25px; padding: 15px 0 5px; background: none; } .sub03_04 .sponsor_area .sponsor { padding-left: 0px; } .sub03_04 .sisters { margin-top: 40px; } /* photo_news 사회공헌 뉴스 */ .photo_news .content_body a { color: #333; } .photo_news .content_body .coal_area { width: 100%; } .photo_news .content_body .coal_area:after { content: ""; clear: both; display: block; } .photo_news .content_body .coal_area dl { float: none; width: 100%; } .photo_news .content_body .coal_area .thumbnail_img { margin: 0 auto 10px auto; width: 290px; float: none; } .photo_news .content_body .coal_area .thumbnail_img img { width: 100%; } .photo_news .content_body .coal_area dt { font-size: 18px; line-height: 28px; text-align: center; font-weight: bold; } .photo_news .content_body .coal_area dl span { color: #333; } .photo_news .content_body .coal_area dd { line-height: 24px; margin: 10px 0; margin-top: 0; padding-top: 15px; border-top: 0 none; } .photo_news .content_body .coal_area a:hover dd { text-decoration: underline; } .photo_news .content_body .coal_area span.day { position: relative; left: 0px; top: 0; display: block; color: #3668bc; } .photo_news .news_area { width: 100%; margin-top: 20px; padding: 5px 0 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .photo_news .news_area:after { content: ""; clear: both; display: block; } .photo_news .news_area a:hover p { text-decoration: underline; } .photo_news .news_area .odd { float: left; margin-top: 35px; width: 50%; } .photo_news .news_area .even { float: right; margin-top: 35px; width: 50%; } .photo_news .news_area a { width: 100%; } .photo_news .news_area a:after { content: ""; clear: both; display: block; } .photo_news .news_area .thumbnail_img { margin: 10px auto; width: auto; text-align: center; float: none; } .photo_news .news_area .thumbnail_img img { width:200px; height:138px; } .photo_news .news_area p { float: none; margin: 0 auto; width: 100%; height: 48px; overflow: hidden; margin-bottom: 0px; text-align: center; } .photo_news .news_area p span { display: block; } .photo_news .news_area span.color_mt { display: block; text-align: center; color: #3668bc; margin-left: 0; } .photo_news .content_body .paging { margin-top: 20px; text-align: center; line-height: 23px; } .photo_news .content_body .paging .first { color: #3371d9; } .photo_news .content_body .paging .on { color: #3371d9; } .photo_news .content_body .paging strong { display: inline-block; padding: 0 10px; border: 1px solid #d3d3d3; } .photo_news .content_body .paging a { display: inline-block; padding: 0 10px; font-weight: bold; } .photo_news .content_body .paging .last { color: #3371d9; } .photo_news_view .list_area { margin-top: 20px; } .photo_news_view dl { position: relative; padding-left: 75px; padding-right: 90px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .photo_news_view dl.last { border-top: 0; } .photo_news_view dl:after { content: ""; clear: both; display: block; } .photo_news_view dt { position: absolute; left: 0; top: 0; width: 70px; height: 100%; line-height: 37px; background: #f9f9f9; } .photo_news_view dt a { display: block; margin-left: 0; padding-left: 20px; } .photo_news_view .first dt a { background: url("../images/news/bg_arrow1.png") no-repeat 7px center; } .photo_news_view .last dt a { background: url("../images/news/bg_arrow2.png") no-repeat 7px center; } .photo_news_view dd { line-height: 37px; } .photo_news_view dd a:hover { text-decoration: underline; } .photo_news_view dd a { float: left; display: inline-block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; } .photo_news_view .btn_list { text-align: center; margin-top: 15px; } .photo_news_view .btn_list a { display: inline-block; font-weight: bold; color: #fff; padding: 0 20px 0 20px; background: #386bc4; } .photo_news_view .btn_list a span { display: inline-block; padding: 8px 0 8px 20px; background: url("../images/news/bg_btn_ico2.png") no-repeat left 10px; } .photo_news_view .pg_view { margin-left: 5px; font-size: 11px; } .photo_news_view .day { margin-right: 0px; font-size: 11px; } .photo_news_view .day_hit { position: absolute; top: 0; right: 0; } .photo_news_view .info { position: static; } /**/ /* 4. 채용정보 */ /* 채용정보 - 인사제도 - 인재육성 */ #contents[class^="sub04_"] > h1 {margin-top:0; padding-left:0;} #middle.recruit #contents .content_body .tb02 { width:100%; margin-bottom:40px; border-bottom:1px solid #c9c9c9; } #middle.recruit #contents .content_body .tb02 thead th { height:60px; color:#fff; background: none; } #middle.recruit #contents .content_body .tb02 .th_col01 { background:url('../images/recruit/bg02_02.png') repeat-x bottom; } #middle.recruit #contents .content_body .tb02 .th_col02 { background-color: #458bd5; } #middle.recruit #contents .content_body .tb02 .th_col03 { background-color: #575757; } #middle.recruit #contents .content_body .tb02 .th_col04 { background-color: #2f5ba4; } #middle.recruit #contents .content_body .tb02 td { padding: 5px; height: auto; background: none; vertical-align:top; } #middle.recruit #contents .content_body .tb02 td { padding: 5px; height: auto; background: none; } #middle.recruit #contents .content_body .tb02 td.h_txt01 { height:auto; background-position:0 0; } #middle.recruit #contents .content_body .tb02 td.h_txt01 dt { margin-bottom: 5px; color: #578fd3; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt01 dd { margin-bottom: 5px; color: #333555; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt02 { height:auto; background-position:0 -373px; } #middle.recruit #contents .content_body .tb02 td.h_txt02 dt { margin-bottom: 5px; color: #333; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt02 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt03 { height:auto; background-position:0 -746px; } #middle.recruit #contents .content_body .tb02 td.h_txt03 dt { margin-bottom: 5px; color: #2e5ba4; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt03 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt01 dl, #middle.recruit #contents .content_body .tb02 td.h_txt02 dl, #middle.recruit #contents .content_body .tb02 td.h_txt03 dl { height: auto; padding-top:0; overflow:hidden; } #middle.recruit #contents .content_body .tb02 .bd_line01 { border-bottom:1px solid #595959; } #middle.recruit #contents .content_body .tb02 .bd_line02 { border-bottom:1px solid #bebebe; } #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width: auto; text-align: center; border-top: 0 none; *zoom:1; } #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } #middle.recruit #contents.sub04_02_02 .list_welfare li { float: none; display: inline-block; vertical-align: top; width:237px; margin: 0 auto; border: 0 none; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; border: 0 none !important; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold; } #middle.recruit #contents.sub04_02_03 .list_eduPro { border-top:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_03 .list_eduPro li { border-bottom:1px solid #e5e5e5; padding:20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl { min-height:87px; height: auto; padding-left:110px; padding-top:0px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dt { font-size:20px; margin-bottom:10px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dd { font-size:13px; line-height:20px; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list01 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list02 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list03 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list04 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list05 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list06 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list07 { background-position: 5px 0; } #middle.recruit #contents .list_flow { text-align: center; } #middle.recruit #contents .list_flow li { margin-bottom: 10px; display: inline-block; *zoom: 1; *display: inline; margin: 0 auto; vertical-align: top; float:none; width:140px; height:116px; padding-left:0; background:url('../images/recruit/flow_arrow.png') no-repeat right 48px; margin-right:9px; } #middle.recruit #contents .list_flow li > div { width:116px; height:84px; padding-top:32px; text-align:center; background:url('../images/recruit/bg02_01.png') no-repeat; } .sub04_03_02 dl dfn {width:auto;} .sub04_03_02 dd > span {padding-left:0;} /* 채용정보 - 인재상 */ #middle.recruit #contents.sub04_01 { background-image: url('../images/lnb/lnb04_01.png'); *zoom: 1; } #middle.recruit #contents.sub04_01:after { content:""; display: block; clear: both; } #middle.recruit #contents.sub04_01 h1 { margin-top:0; margin-bottom:37px; padding-left:0;} #middle.recruit #contents.sub04_01 a { color:#333; } #middle.recruit #contents.sub04_01 p span { font-size:16px; } #middle.recruit #contents.sub04_01 .content_body .box01 { padding-top:20px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face { position:relative; width:100%; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt { position:static; top:0px; left:0px; margin: 0 auto 30px auto; width:311px; height:181px; padding-top:130px; background:url('../images/recruit/img01_01.png') no-repeat; color:#fff; font-size:16px; text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt span { text-align:center; display: block; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt strong { font-size:20px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dd { height: auto; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in { position:static; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt { font-size:18px; color:#333; margin-bottom:10px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt em { display:block; margin-bottom:5px; font-size:20px; font-weight:bold; color:#386bc4; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dd { margin-bottom: 10px; width:auto; font-size: 13px; line-height:18px; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face01 { top:0; left:0; text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face02 { top:0; right:0;text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face03 { bottom:0; left:0; text-align:center; } #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face04 { bottom:0; right:0; text-align:center; } #middle.recruit #contents .tb03 { width:100%; margin-bottom:40px; border-top:2px solid #878787; border-bottom:2px solid #878787; } #middle.recruit #contents .tb03 th { padding:5px 0 6px 5px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; text-align:left; } #middle.recruit #contents .tb03 td { padding:5px 0 6px 5px; border-bottom:1px solid #e8e8e8; } #middle.recruit #contents .content_body .recruit_relate { position: relative; width: auto; *zoom:1; margin-top: 40px; left: -3px; text-align: center; } #middle.recruit #contents .content_body .recruit_relate:after { content:""; display:block; clear:both; } #middle.recruit #contents .content_body .recruit_relate li { float: none; display: inline-block; *zoom: 1; *display: inline; padding-bottom:2px; width:168px; background:url('../images/recruit/bg01_shadow.png') no-repeat bottom; padding: 0 3px; margin-bottom: 6px; cursor: pointer; } #middle.recruit #contents .content_body .recruit_relate li a span {padding:0; padding-top: 67px;} /* 채용정보 - 인사제도 - 인재육성 */ #middle.recruit #contents .content_body .tb02 { width:100%; margin-bottom:40px; border-bottom:1px solid #c9c9c9; } #middle.recruit #contents .content_body .tb02 thead th { height:60px; color:#fff; background: none; } #middle.recruit #contents .content_body .tb02 .th_col01 { background:url('../images/recruit/bg02_02.png') repeat-x bottom; } #middle.recruit #contents .content_body .tb02 .th_col02 { background-color: #458bd5; } #middle.recruit #contents .content_body .tb02 .th_col03 { background-color: #575757; } #middle.recruit #contents .content_body .tb02 .th_col04 { background-color: #2f5ba4; } #middle.recruit #contents .content_body .tb02 td { padding: 5px; height: auto; background: none; vertical-align:top; } #middle.recruit #contents .content_body .tb02 td.h_txt01 { height:auto; background-position:0 0; } #middle.recruit #contents .content_body .tb02 td.h_txt01 dt { margin-bottom: 5px; color: #578fd3; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt01 dd { margin-bottom: 5px; color: #333555; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt02 { height:auto; background-position:0 -373px; } #middle.recruit #contents .content_body .tb02 td.h_txt02 dt { margin-bottom: 5px; color: #333; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt02 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt03 { height:auto; background-position:0 -746px; } #middle.recruit #contents .content_body .tb02 td.h_txt03 dt { margin-bottom: 5px; color: #2e5ba4; border: 1px solid #9bb8d6; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt03 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} #middle.recruit #contents .content_body .tb02 td.h_txt01 dl, #middle.recruit #contents .content_body .tb02 td.h_txt02 dl, #middle.recruit #contents .content_body .tb02 td.h_txt03 dl { height: auto; padding-top:0; overflow:hidden; } #middle.recruit #contents .content_body .tb02 .bd_line01 { border-bottom:1px solid #595959; } #middle.recruit #contents .content_body .tb02 .bd_line02 { border-bottom:1px solid #bebebe; } #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width: auto; text-align: center; border-top: 0 none; *zoom:1; } #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } #middle.recruit #contents.sub04_02_02 .list_welfare li { float: none; display: inline-block; vertical-align: top; width:237px; margin: 0 auto; border: 0 none; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; border: 0 none !important; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold; } /* 인재육성 > 교육과정 반응형 추가 */ #middle.recruit #contents.sub04_02_03 .list_welfare { width:auto; } #middle.recruit #contents.sub04_02_03 .list_welfare li { float: none; border-bottom:1px solid #e5e5e5; width: 100%; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl { width: auto; height: 130px; padding-top:20px; padding-right:10px; padding-left:105px; line-height:20px; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl dt { line-height: 22px; } #middle.recruit #contents.sub04_02_03 .list_welfare li dl dd { height:40px; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl01 { background-position: 0 25px; background-size: 88px 88px; border : none; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl02 { background-position: 0 25px; background-size: 88px 88px; border : none; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl03 { background-position: 0 25px; background-size: 88px 88px; border : none; } #middle.recruit #contents.sub04_02_03 .list_welfare li .dl04 { background-position: 0 25px; background-size: 88px 88px; } #middle.recruit #contents.sub04_02_03 .list_eduPro { border-top:1px solid #e5e5e5; } #middle.recruit #contents.sub04_02_03 .list_eduPro li { border-bottom:1px solid #e5e5e5; padding:20px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl { min-height:87px; height: auto; padding-left:110px; padding-top:0px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dt { font-size:20px; margin-bottom:10px; } #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dd { font-size:14px; line-height:20px; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list01 { background-position: 5px 0; padding-top:0; height: auto; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list02 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list03 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list04 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list05 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list06 { background-position: 5px 0; } #middle.recruit #contents.sub04_02_03 .list_eduPro .list07 { background-position: 5px 0; } #middle.recruit #contents .list_flow { text-align: center; } #middle.recruit #contents .list_flow li { margin-bottom: 10px; display: inline-block; *zoom: 1; *display: inline; margin: 0 auto; vertical-align: top; float:none; width:140px; height:116px; padding-left:0; background:url('../images/recruit/flow_arrow.png') no-repeat right 48px; margin-right:9px; } #middle.recruit #contents .list_flow li > div { width:116px; height:84px; padding-top:32px; text-align:center; background:url('../images/recruit/bg02_01.png') no-repeat; } .sub04_03_01 .duty_area { padding-top: 0px; background: none; } .sub04_03_01 table { margin-top: 0px; } .sub04_03_01 table th { padding: 0 5px; } /* sub04_05_02 1:1문의 */ .contact_form h1 { margin-bottom: 0px; } .contact_form table td .inp01.txt_mail { width: 100%; margin-bottom: 5px; } .sub04_05_01 .content_body .tab_detail .faq_list > dl { border-top: 1px solid #e8e8e8; } .sub04_05_01 .content_body .tab_detail .faq_list > dl:first-child { border-top: 0 none; } .sub04_05_01 .content_body .tab_detail .faq_list .question { background: url('../images/recruit/question_bg.png') no-repeat -20px 16px; } .sub04_05_01 .content_body .tab_detail .faq_list .question dt a { display: block; padding-left: 40px; padding-right: 41px; color: #333; background: url('../images/recruit/arrow_down.png') no-repeat right 20px; } .sub04_05_01 .content_body .tab_detail .faq_list .question.on dt a { background-image: url('../images/recruit/arrow_blue_up.png'); } .sub04_05_01 .content_body .tab_detail .faq_list .question .answer { display: none; padding: 10px 0; border-top: 1px solid #e8e8e8; background: #f8f8f8 url('../images/recruit/answer_bg.png') no-repeat -20px 16px; } .sub04_05_01 .content_body .tab_detail .faq_list .question.on .answer { display: block; } .sub04_05_01 .content_body .tab_detail .faq_list .question .answer div { padding-left: 40px; padding-right: 40px; } .contact_form table { width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .contact_form table th { padding: 9px 0 8px 5px; border-top: 1px solid #e8e8e8; line-height: 21px; vertical-align: top; background: none repeat scroll 0 0 #F9F9F9; } .contact_form table tr:first-child th, .contact_form table tr:first-child td { border-top: 0 none; } .contact_form table td label { display: block; padding-right: 0px; margin-bottom: 5px; } .contact_form table td .inp01.txt_mail { width: 100%; } .contact_form table td .inp01.txt_title { width: 100%; } .contact_form table td input[type="radio"] { vertical-align: middle; } .contact_form table td .code_box { border-color: #CECECE #E6E6E6 #E6E6E6 #CECECE; } .contact_form table td .code_box textarea { height: 300px; } .contact_form table td .inp01.txt_mail { display: block; } .required { margin-bottom: 5px; } /**/ /* 5. 새소식 */ /* 브로슈어 */ #contents.brochure {} #contents[class^="sub05_"] .content_body.bg {background:#f9f9f9;} #contents[class^="sub05_"] .content_body .brochure {padding:30px 15px 70px;} #contents[class^="sub05_"] .brochure ul {text-align:center;} #contents[class^="sub05_"] .brochure ul > li {display:inline-block; margin:0 0 8%; padding:18px 18px 25px; width:100%; box-sizing:border-box;} #contents[class^="sub05_"] .brochure .tit {} #contents[class^="sub05_"] .brochure .thumb {margin-top:8px;} #contents[class^="sub05_"] .brochure .thumb img {width:100%;} #contents[class^="sub05_"] .brochure .down {margin-top:15px;} #contents[class^="sub05_"] .brochure .down a {display:inline-block; padding:3px 0 4px; font-size:16px; background-size:28px 55px;} #contents[class^="sub05_"] .brochure .down a:hover {background-position:bottom right;} #contents[class^="sub05_"] .brochure .down a > b {font-weight:bold;} /* sub05_02 홍보자료 */ #contents[class^="sub05_"] > h1 {margin-top:0; padding-left:0;} .sub05_02 .content_body { text-align: center; } .sub05_02 .publicity_area { display: inline-block; width: 427px; float: none; position: relative; padding: 0 15px; margin-bottom: 40px; *zoom: 1; *display: inline; } .sub05_02 .publicity_area:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity { *zoom: 1; } .sub05_02 .publicity_area .publicity:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity dl { float: left; width: 193px; font-size: 13px; padding: 7px 0px 8px; border-bottom: 1px solid #e5e5e5; } .sub05_02 .publicity_area .publicity dl:first-child + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl , .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl + dl + dl { float: right; } .sub05_02 .publicity_area .publicity dl:after { content: ""; clear: both; display: block; } .sub05_02 .publicity_area .publicity dt { float: left; font-weight: bold; letter-spacing: 0; } .sub05_02 .publicity_area .publicity dd { float: right; } .sub05_02 .publicity_area .publicity dd span { padding-right: 20px; background: url("../images/news/bg_line.gif") no-repeat 35px 5px; } .sub05_02 .publicity_area .publicity a { color: #333; } .sub05_02 .publicity_area .publicity a:hover, .sub05_02 .publicity_area .publicity a:focus { color: #3668bc; text-decoration: underline; } .sub05_02 .publicity_area .iframe_area { width: 427px; height: 255px; } .sub05_02 .publicity_area .iframe_area iframe { width: 100%; margin: 0 auto; height: 240px;} .sub05_02 .publicity_area .subtitles_area { overflow-y: scroll; width: 405px; height: 88px; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; } .sub05_02 .broshure_area { float: none; vertical-align: top; display: inline-block; *zoom: 1; *display: inline; width: 227px; padding: 0 15px; } .sub05_02 .broshure_area ul { } .sub05_02 .broshure_area ul:after { content: ""; clear: both; display: block; } .sub05_02 .broshure_area ul li { text-align: right; } .sub05_02 .broshure_area li .thumbnail_img { margin-bottom: 5px; padding: 1px 18px 18px 1px; background: url("../images/news/bg_brochure.jpg") no-repeat; } .sub05_02 .broshure_area li .thumbnail_img img { vertical-align: top; } .sub05_02 .broshure_area li span { display: block; font-weight: bold; padding-right: 18px; } .sub05_02.broshure_area li > span { margin-right: 18px; letter-spacing: 0; } .sub05_02 .broshure_area li a { display: inline-block; color: #333; margin-left: 15px; line-height: 25px; border: 1px solid #cbcbcb; background: url("../images/news/bg_btn.png") repeat-x; letter-spacing: -1px; } .sub05_02 .broshure_area li a span { padding: 0 10px 0 30px; background: url("../images/news/bg_btn_ico.png") no-repeat 9px 50%; } /**/ /* 6. 글로벌네트워크 */ #middle.global {margin-top:45px; background: none; } #middle.global .global_tit {display:none;} #middle.global .world_wide {border-top:0 none;} #middle.global #contents[class^="sub06_"] > h1 {margin-top:0;} #middle.global #lnb { } #middle.global #lnb > h1 { position: static; top: 0; left: 0; padding: 0; width: auto; height: auto; line-height: inherit; font-size: inherit; color: inherit; background: none; text-align: left; } #middle.global #lnb > h1 span { display: inline; font-size: inherit; line-height: inherit; color: #B0C3E1; opacity: 1; } #middle.global #lnb > ul { position: static; z-index: 0; left: 0; top: 0; float: none; width: auto; padding-bottom: 0; padding-top: 0; background: none; } #middle.global #lnb > ul > li { width: auto; border: 0 none; float: left; text-align: center; } #middle.global #lnb > ul > li > a { color: inherit; font-size: inherit; border: 0 none; width: auto; height: auto; line-height: inherit; padding-left: 0; border: 0 none !important; border-left: 0 none !important; border-bottom: 0 none !important; } #middle.global #lnb > ul > .on > a { color: inherit; height: auto; background: none; border-top: 0 none !important; } #middle.global #lnb > ul > li:first-child + li > a, #middle.global #lnb > ul > li:first-child + li + li + li > a { line-height: 45px; } #middle.global #lnb > ul > li:first-child + li + li + li + li + li > a { line-height: 45px; width: auto; } #middle.global #lnb > ul > li:first-child + li + li + li + li + li + li > a { width: auto; } #middle.global #lnb > ul > li:first-child a { line-height: 45px; border: 0 none !important; } #middle.global #lnb > ul > .on:first-child a { border-left: 0 none !important; background: none; } #middle.global #lnb > ul > li:first-child a span { display: inline-block; padding: 0 0 0 0px; background: url('../images/global/bg_earth.png') 0 8px no-repeat ; } #middle.global #lnb { padding-top: 25px; width: 186px; float: left; } #middle.global #lnb h1 { padding: 40px 0 0 0; height: 98px; color: #fff; line-height: 32px; font-size:24px; background: #3766b4 url('../images/global/tit_map_bg.png') 0 0 no-repeat; text-align: center; } #middle.global #lnb h1 span { display: block; margin-top: 10px; line-height: 16px; font-size: 14px; opacity: 0.6; } #middle.global #lnb > ul { position: relative; background: #f7f7f7; *zoom: 1; } #middle.global #lnb > ul:after { content:""; display: block; clear: both; } #middle.global #lnb > ul > li { width: 100%; float: left; } #middle.global #lnb > ul > li > a { display: block; padding: 6px 5px 7px 5px; height: 46px !important; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9 !important; border-top: 0 none !important; background: #f7f7f7; } #middle.global #lnb > ul > li:first-child > a { border-top: 1px solid #d9d9d9 !important; } #middle.global #lnb > ul > .on > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_on.png') 163px 13px no-repeat; } #middle.global #lnb > ul > .down > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_down.png') 161px 15px no-repeat; } #middle.global #lnb .depth03 { background: #fdfdfd; } #middle.global #lnb .depth03 > li { background: url('../images/bullet/bullet05.png') 24px 16px no-repeat; } #middle.global #lnb .depth03 > li > a { display: block; padding: 6px 0 7px 35px; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9; border-top: 0 none; } #middle.global #lnb .depth03 > .on > a { color: #386bc4; background: url('../images/bullet/arrow02_b.png') 163px 13px no-repeat; } #middle.global #lnb.normal .depth03 { display: none; } #middle.global #lnb.normal .down .depth03,#lnb.normal .on .depth03 { display: block; } #middle.global #lnb { display: none; position: absolute; top: 0; left: 0; padding-top: 0; height: 0%; min-height: 0%; max-height: none; background: #474747; float: none; } .lnbOn #middle.global #lnb { display: block; height: 100%; min-height: 100%; } #middle.global #lnb > ul { background: #474747;} #middle.global #lnb > ul > li > a { color: #bababa; border: 0 none !important; border-top: 1px solid #505050 !important; border-bottom: 1px solid #393939 !important; background: none !important; } #middle.global #lnb > ul > li:first-child > a { color: #bababa; border: 0 none !important; border-top: 1px solid #505050 !important; border-bottom: 1px solid #393939 !important; background: none; } #middle.global #lnb > ul > .on > a { border-top: 1px solid #505050 !important; border-bottom: 1px solid #1d1d1d !important; background: #3a3a3a url('../images/bullet/arrow02_on.png') 163px 25px no-repeat !important; } #middle.global #lnb > ul > li:first-child a span, #middle.global #lnb > ul > li.on:first-child a span { background: none; } #middle.global #globalmap { position: relative; margin-left: 0; width: auto; height: auto; background: none; } #middle.global #globalmap #mapxy, #middle.global #globalmap #mapxy + map { display: none; } #middle.global .world_wide .wrap { padding-bottom: 0; } #middle.global .world_wide #contents { padding-top: 0px; } #middle.global .world_wide #contents .content_body { padding: 0 !important; } #middle.global #globalmap .wrap #headquarter { display: none; } #middle.global #globalmap .business_nation > h1 { position: static; line-height: 18px; font-size: 13px; background: url('../images/button/btn_more03_r.png') right 11px no-repeat; text-align: left; } #middle.global #globalmap .business_nation > h1 a { display: block; padding: 10px 35px 11px 22px; border-bottom: 1px solid #e5e5e5; background: url('../images/bullet/bullet06.png') 15px 19px no-repeat; } #middle.global #globalmap .business_nation > h1 br { display: none; } #middle.global #contents[class^="sub06_"] #location { display: block; } #middle.global #contents[class^="sub06_"] > h1 { display: block; text-align:left; font-size:15px; font-weight:400; letter-spacing:-.05em;} #middle.global #contents { float: none; width: auto; padding-top: 0; } #middle.global #contents .global_list { border: 1px solid #999; } #middle.global #contents .global_list > dl { position: relative; padding-left: 0px; letter-spacing: 0; border-top: 0 none; } #middle.global #contents .global_list > dl:first-child { border-top: 0 none; } #middle.global #contents .global_list > dl.last { border-bottom: 0 none; } #middle.global #contents .global_list > dl > dt { position: static; left: 0; top: 0; width: auto; height: 100%; line-height: 35px; font-weight: bold; background: #f8f8f8; text-align: center; color: #333; } #middle.global #contents .global_list > dl > dd dl { position: relative; } #middle.global #contents .global_list > dl > dd dl dt { font-size: 13px; font-weight: bold; line-height: 20px; margin-bottom: 5px; color: #9C4FA1; } #middle.global #contents .global_list > dl > dd dl dd { font-size: 13px; line-height: 18px; color: #333; padding-right: 90px; } #middle.global #contents .global_list > dl > dd dl dd span { padding-right: 0px; } #middle.global #contents .global_list > dl > dd dl dd dfn { margin-right: 5px; font-weight: bold; } #middle.global #contents .global_list > dl > dd dl .btn_detail { position: absolute; right: -2px; bottom: -2px; padding: 0; } #middle.global #contents .global_list > dl > dd dl .btn_detail a { display: block; padding: 0 18px; text-align: center; line-height: 20px; color: #fff; background: #6f6f6f; } #middle.global #contents .global_list > dl > dd dl .btn_detail a:hover{ background: #386bc4; } #middle.global #contents .global_list > dl > dd .popuptype1 dt { color: #3462b1; } #middle.global #contents .global_list > dl > dd .popuptype2 dt { color: #3e8400; } #middle.global #contents .global_list > dl > dd { border-top: 1px solid #ccc; padding: 10px; } #middle.global #contents .global_list > dl > dt + dd { border-top: 0 none; } #middle.global #contents .map_area { display: none; } #middle.global .sub06_03 .map_area .map_list { display: none; } #middle.global #contents .map_right_area { position: relative; top: 0; right: 0; margin-bottom: 10px; width: auto; height: auto; } #middle.global #contents .map_right_area .heading { background: #344A74; padding: 8px 10px 12px 10px; } #middle.global #contents .map_right_area .heading img { margin-right: 5px; vertical-align: middle; } #middle.global #contents .map_right_area .heading h1 { width: auto; color: #b4cbff; font-size: 13px; margin-bottom: 5px } #middle.global #contents .map_right_area .heading h2 { color: #fff; font-size: 13px; } #middle.global #contents .map_right_area .scroll_area { overflow-y: hidden; height: auto; padding: 10px; background: #fff; } #middle.global #contents .map_right_area .detail_view { position: absolute; top: 35px; right: 10px; display: block; padding: 0 15px 0 5px; font-size: 13px; text-align: center; color: #fff; line-height: 21px; background: #4B618D url('../images/global/btn_arrow_r.png') no-repeat right; } /* 7. 검색 외 */ /* sub07_01 이메일 주소 무단수집 거부 */ #contents[class^="sub07_"] {margin-top:50px; width: auto; background: none; } #contents[class^="sub07_"] .content_body { color: #333; margin-top: 0; padding-top: 20px; border-top: 0 none; } #contents[class^="sub07_"] #location { display: none; } #contents[class^="sub07_"] > h1 { margin-top:0; padding-left: 10px; } .sub07_01 .content_body { min-height: auto; } .sub07_01 .content_body .txt_email1 { line-height: 25px; } .sub07_01 .content_body .txt_email2 { font-size: 16px; line-height: 25px; margin-top: 30px; } /* sub07_02 legal notice */ .sub07_02 .content_body .txt_notice1 { font-size: 20px; } .sub07_02 .content_body .txt_notice2 { font-size: 16px; line-height: 25px; margin-top: 30px; } .sub07_02 .content_body dl { margin-top: 30px; } .sub07_02 .content_body dt { color: #386bc4; font-weight: bold; margin-top: 35px; } .sub07_02 .content_body dt.first { margin-top: 0; } .sub07_02 .content_body dd { margin-top: 10px; line-height: 25px; } .sub07_02 .content_body dd.mgt_30 { margin-top: 30px; } .sub07_02 .content_body dd a { color: #333; } /* sub07_03 삼성물산 개인정보 처리방침 */ .sub07_03#contents { line-height: 25px; letter-spacing: 0; } .sub07_03 .content_body > p { line-height: 25px; } .sub07_03 .txt_personal_information2 { margin-top: 15px; } .sub07_03 .personal_information_area { margin-top: 10px; } .sub07_03 .personal_information_area ol ol { color: #333; margin-left: 10px; } .sub07_03 .personal_information_area .bookmark li { width: auto; float: none; vertical-align: top; } .sub07_03 .personal_information_area .personal_information { margin-top: 25px; } .sub07_03 .personal_information_area .personal_information li { margin-top: 25px; } .sub07_03 .personal_information_area .personal_information ul li { list-style-position: outside; margin-top: 0; } .sub07_03 .personal_information_area .personal_information .bullet { padding-left: 10px; background: url("../images/etc/bg_disc.png") no-repeat 3px 6px; } .sub07_03 .personal_information_area .personal_information .information_stop ol { padding-left: 5px; } .sub07_03 .personal_information_area .personal_information .mgt_25 { margin-top: 15px; } .sub07_03 .personal_information_area table { margin-top: 10px; width: 100%; border-collapse:collapse; border-spacing: 0; border-bottom: 2px solid #878787; } .sub07_03 .personal_information_area th { text-align: center; padding: 13px 0 8px; border-top: 2px solid #878787; border-bottom: 1px solid #ccc; background: #f9f9f9; } .sub07_03 .personal_information_area td { padding: 10px 0 10px 5px; border-top: 1px solid #e8e8e8 } .sub07_03 .personal_information_area .fist td { border-top: 0; } .sub07_03 .personal_information_area .t_border { font-weight: bold; border-right: 1px solid #e8e8e8 } .sub07_03 .personal_information_area .personal_information .mgt_20 { margin-top: 10px; } .sub07_03 .personal_information_area .personal_information dfn { font-weight: bold; } .sub07_03 .personal_information_area .personal_information a { color: #333; } .sub07_03 .personal_information_area .policy { margin-top: 15px; } .sub07_03 .personal_information_area .policy dfn { font-weight: bold; color: #386bc4; } .sub07_03 .personal_information_area .policy span { display: block; line-height: 25px; } /**/ } @media screen and (max-width: 799px) { } /**/ @media screen and (max-width: 610px) { /* 폰 가로 */ /* 3. 사회공헌 */ .sub03_01 .movie .movie_frame .text { display:none; } .sub03_01 .csr_linkbox {margin-left:0;} #middle.recruit #contents.sub04_01 .content_body .box01 {width:100%;} /* 뉴스 */ .photo_news .news_area p {height:auto;} .photo_news .news_area span.color_mt {float:none;} } @media screen and (max-width: 450px) { .bxslider .bx-prev, .bxslider .bx-next { display: none; } /* 폰 세로 */ /* 3. 사회공헌 */ .sub03_01 .movie .movie_frame .text { display:none; } .sub03_01 .wrap_conts .visual_area img {width:100%;} /* 4. 채용정보 */ #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width:100%; border-top: 0 none; *zoom:1; } #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } #middle.recruit #contents.sub04_02_02 .list_welfare li { float: none; width:237px; margin: 0 auto; border: 0 none; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; border: 0 none !important; } #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold; } #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec h3 img { display: block; width: 300px; margin: 0 auto; } /**/ .bxslider .bx-prev { overflow: hidden; position: absolute; left: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_left.png') no-repeat left 0; } .bxslider .bx-next { overflow: hidden; position: absolute; right: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_right.png') no-repeat left 0; } #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 { padding-top: 335px; text-align: center; background:url('../images/company/img04_03_m.png') no-repeat center;} /* 5. 새소식 */ /* sub05_02 홍보자료 */ #contents { margin-bottom : 20px; } .sub05_02 .publicity_area { float: none; width: 300px; position: relative; margin: 0 auto 40px auto; padding: 0; *zoom: 1; } .sub05_02 .publicity_area:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity { *zoom: 1; } .sub05_02 .publicity_area .publicity:after { display: block; content: ""; clear: both; } .sub05_02 .publicity_area .publicity dl { float: none; width: auto; font-size: 13px; padding: 7px 0px 8px; border-bottom: 1px solid #e5e5e5; } .sub05_02 .publicity_area .publicity dl:first-child + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl, .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl , .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl + dl + dl { float: none; } .sub05_02 .publicity_area .publicity dl:after { content: ""; clear: both; display: block; } .sub05_02 .publicity_area .publicity dt { float: left; font-weight: bold; letter-spacing: 0; } .sub05_02 .publicity_area .publicity dd { float: right; } .sub05_02 .publicity_area .publicity dd span { padding-right: 20px; background: url("../images/news/bg_line.gif") no-repeat 35px 5px; } .sub05_02 .publicity_area .publicity a { color: #333; } .sub05_02 .publicity_area .publicity a:hover, .sub05_02 .publicity_area .publicity a:focus { color: #3668bc; text-decoration: underline; } .sub05_02 .publicity_area .iframe_area { width: 300px; height: 210px; } .sub05_02 .publicity_area .iframe_area iframe { width: 100%; margin: 0 auto; height: 200px;} .sub05_02 .publicity_area .subtitles_area { overflow-y: scroll; width: 278px; height: 88px; margin: 0 auto 20px auto; padding: 10px; border: 1px solid #ccc; } .sub05_02 .broshure_area { float: none; width: 227px; margin: 0 auto; } .sub05_02 .broshure_area ul { } .sub05_02 .broshure_area ul:after { content: ""; clear: both; display: block; } .sub05_02 .broshure_area ul li { text-align: right; } .sub05_02 .broshure_area li .thumbnail_img { margin-bottom: 5px; padding: 1px 18px 18px 1px; background: url("../images/news/bg_brochure.jpg") no-repeat; } .sub05_02 .broshure_area li .thumbnail_img img { vertical-align: top; } .sub05_02 .broshure_area li span { display: block; font-weight: bold; padding-right: 18px; } .sub05_02.broshure_area li > span { margin-right: 18px; letter-spacing: 0; } .sub05_02 .broshure_area li a { display: inline-block; color: #333; margin-left: 15px; line-height: 25px; border: 1px solid #cbcbcb; background: url("../images/news/bg_btn.png") repeat-x; letter-spacing: -1px; } .sub05_02 .broshure_area li a span { padding: 0 10px 0 30px; background: url("../images/news/bg_btn_ico.png") no-repeat 9px 50%; } #middle.recruit #contents.sub04_01 .comm dt img { display: block; width: 300px; margin: 0 auto; } #middle.company #contents.sub01_06_01 .content_body .map_case { width: 100%; margin: 0 0 20px 0; float: none; } .photo_news .news_area .odd { float: none; margin-top: 35px; width: auto; display:block; } .photo_news .news_area .even { float: none; margin-top: 35px; width: auto; display:block; } /*150831*/ .sub01_06_02 .customer_agree_box dl { position: static; padding-left: 0px; } .sub01_06_02 .customer_agree_box dt { margin-top: 5px; position: static; left: 0; top: 0; } .sub05_02 .other_box {float:none; padding-top:30px; width:100%;} .sub05_02 .other_box > a {width:33%; height:40px; line-height:40px; font-size:16px;} /**/ } /* ie7 8 */ /*960*/ .res960 #middle.company #contents .tb01 th, .res960 #middle.company #contents .tb01 td { padding-left: 5px; } .res960 #middle.company #contents.sub01_01 .content_body .p_comm { font-size:16px; margin-bottom:20px; } .res960 #middle.company #contents.sub01_01 .content_body .wrap_info { padding-left:0px; background: none; margin-bottom:20px; } .res960 #middle.company #contents.sub01_01 .content_body .txt_area { background:none; } .res960 #middle.company #contents.sub01_01 .content_body .txt_area span { display: block; width: auto !important; } .res960 #middle.company #contents.sub01_02 h1 { margin-bottom:37px; } .res960 #middle.company #contents.sub01_02 .content_body { padding-top:0; } .res960 #middle.company #contents.sub01_02 .content_body dl { position: relative; line-height:25px; text-align: center; } .res960 #middle.company #contents.sub01_02 .content_body dt { padding-left: 0px; padding-top: 0; } .res960 #middle.company #contents.sub01_02 .content_body dd { padding-left: 0px !important; } .res960 #middle.company #contents.sub01_02 .content_body .photo { position: static; margin-bottom: 20px; } .res960 #middle.company #contents.sub01_02 .content_body .pro { position: static; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 { padding-top:0; background: none; } /* 회사소개 - 비전/종합력 - 비전 */ .res960 #middle.company #contents.sub01_03_01 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } .res960 #middle.company #contents.sub01_03_01:after { content:""; display: block; clear: both; } .res960 #middle.company #contents.sub01_03_01 h1 { margin-bottom:37px; } .res960 #middle.company #contents.sub01_03_01 .comm { text-align:center; margin-bottom:25px; } .res960 #middle.company #contents.sub01_03_01 .comm dt { margin-bottom:18px; } .res960 #middle.company #contents.sub01_03_01 .comm dt img { width: 300px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define { padding: 20px 0 10px 0; } .res960 #middle.company #contents.sub01_03_01 .wrap_define dl { position:relative; width:100%; text-align: center; } .res960 #middle.company #contents.sub01_03_01 .wrap_define dt { position:static; margin-bottom: 20px; font-size:16px; color:#333; font-weight:bold; } .res960 #middle.company #contents.sub01_03_01 .wrap_define dd { margin-left:0; text-align:center; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl01 { margin-bottom:20px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl01 dd { color:#3b5c94; font-size:30px; line-height:34px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl01 dd em { font-weight:bold; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 { margin-bottom:20px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 dt { top:50px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 dd { height:auto; background: none; text-align: center; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 dd p { display: inline-block; position:static; margin-top:10px; *display: inline; *zoom: 1; vertical-align: top; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 dd .p01 .block { display: block;} .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl02 dd .p02 .block { display: block;} .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl03 dd ul { margin: 0 auto; width:275px; } .res960 #middle.company #contents.sub01_03_01 .wrap_define .dl03 dd ul li { margin-right:0; } /* 회사소개 - 비전/종합력 - 상사업/종합력 */ .res960 #middle.company #contents.sub01_03_02 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } .res960 #middle.company #contents.sub01_03_02:after { content:""; display: block; clear: both; } .res960 #middle.company #contents.sub01_03_02 h1 { margin-bottom:37px; } .res960 #middle.company #contents.sub01_03_02 h2 { margin-bottom:0; } .res960 #middle.company #contents.sub01_03_02 h2 span { display:inline-block; } .res960 #middle.company #contents.sub01_03_02 .wrap_box { } .res960 #middle.company #contents.sub01_03_02 .wrap_box .comm { margin-bottom:30px; } .res960 #middle.company #contents.sub01_03_02 .wrap_box. comm span { display:block; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .block { display: block; } .res960 #middle.company #contents.sub01_03_02 .wrap_box dl { text-align:center; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 {} .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 dt { overflow: hidden; height:30px; padding-top:6px; margin-bottom:30px; font-weight:bold; font-size:16px; color:#fff; background:#606060; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 { } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul { position:relative; *zoom:1; text-align: center;} .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul:after { content:""; display:block; clear:both; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 ul li { display: inline-block; position:relative; float:none; margin-bottom: 20px; width:118px; height:102px; padding-top:40px; padding-right:17px; margin-right:0; font-size:14px; line-height:18px; color:#333; font-weight:bold; *display: inline; *zoom: 1; vertical-align: top; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd02 { margin-top: 10px; font-size:16px; height:30px; padding-top:6px; color:#fff; background: #3361b0; overflow: hidden; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 {} .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt { margin-bottom:30px; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt span { display:block; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt01 { font-size:18px; line-height:22px; color:#757575; margin-bottom:10px; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dt .txt02 { font-size:30px; line-height:34px; font-weight:bold; color:#3b5c94; font-weight:normal; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd {} .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd em {} .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul { position:relative; width:100%; *zoom:1; color:#fff; background: none; text-align: center; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul:after { content:""; display:block; clear:both; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li { display: inline-block; float:none; width:185px; height:158px; padding-top:40px; padding-right:10px; margin-right:0px; font-size:16px; line-height:24px; vertical-align: top; *display: inline; *zoom: 1; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 dd ul li em { display:block; font-weight:bold; font-size:20px; padding-top:25px; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list01 { background:url('../images/company/bg_img03_12.png') no-repeat; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list02 { background:url('../images/company/bg_img03_13.png') no-repeat; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl02 .list03 { background:url('../images/company/bg_img03_14.png') no-repeat; } .res960 #middle.company #contents.sub01_03_02 .wrap_box .dl01 .dd01 .pdr_0 { padding-right:0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box01 { padding: 0 0 10px 0; background: none; margin-bottom:20px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box01 p {} .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 { width:100%; position:relative; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 h2 { position: static; top:0; left:0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl { margin-bottom: 10px; width:100%; position:relative; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dt { position: relative; margin-bottom: 15px; width:auto; padding-left:20px; padding-top:12px; background:url('../images/company/dot04_01.png') repeat-x; font-size:16px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dd { margin-left: 0; text-align:center; padding:12px 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 { } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt { height: auto; padding-top: 12px; background-position:0 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dt em { font-size:22px; color:#18366e; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd { height:102px; padding-top: 0; padding-left:0; background: none; text-align: center; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd img { width: 280px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t01 { font-size:24px; line-height:24px; color:#333; margin-bottom:14px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl01 dd .t02 { display: block; font-size:32px; line-height:36px; color:#2d2d2d; font-weight:normal; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 { } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dt { background-position:0 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl02 dd { background:#065cac; color:#fff; font-size:16px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 { } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dt { background-position:0 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 dd { } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl03 span { margin-bottom:5px; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 { } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dt { background-position:0 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 dd { background:url('../images/company/bg_img04_01.png') repeat; color:#fff; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul { position:relative; *zoom:1; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul:after { content:""; display:block; clear:both; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl04 ul li { float:left; width: 25%; font-size: 13px; background-size: 14px auto;} .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 { background:url('../images/company/dot04_01.png') repeat-x left bottom; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dt { background-position:0 0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd { padding:0; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul { width:100%; overflow:hidden; padding:12px 0; background:url('../images/company/bg_img04_02.png') repeat; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd ul li { float:left; width:33.3%; text-align:center; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dl.dl05 dd p { padding:8px 0; background:#e2e2e2; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box { padding-bottom: 0px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box { border-bottom:2px solid #878787; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box h3 { position:static; margin-bottom: 10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box dl { margin-left: 0; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box dt { position: static; width:auto; padding: 10px; height: auto !important; color:#fff; font-weight: bold; text-align: center; background-image: none !important; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box dd { margin-left: 0; padding-left:0px; padding:20px 10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 { } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dt { background-color: #2e67ba; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_1 dd { border-top: 0 none; height: auto; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 { } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dt { background-color: #1d4c9a; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl01_2 dd { height:48px; border-top:1px solid #ccc; border-bottom: 0 none; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 { } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dt { background-color: #609bda; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 dd { height:49px; line-height: 49px; border-top:0 none; border-bottom:1px solid #ccc; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 em { font-weight:bold; color:#333; font-size:18px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_1 span { margin-bottom:10px; color:#757575; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 { } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dt { background-color: #2f77c3; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd { height:67px; border-bottom: 0 none; padding:10px 20px; border-top: 0 none; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 dd .wrap_conts { display:inline-block; padding-top:8px; width:260px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 p { float:left; font-size:16px; width:100px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .p01 { padding-top:10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box .dl02_3 .plus { display:block; float:left; width:60px; padding-top:10px; font-size:30px; font-weight:bold; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 { width:100%; position:relative; padding-bottom: 0; margin-bottom:50px; border-bottom:2px solid #878787;} .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 h3 { position:static; margin-bottom: 10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 dl { position:relative; overflow:hidden; margin-left: 0; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 { padding-top: 355px; background:url('../images/company/img04_03_m.png') no-repeat center 0; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dt { margin-bottom: 5px; font-size: 16px; text-align: center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 > dt { margin-bottom: 15px; font-size: 20px; font-weight: bold; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd { text-align: center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd > ul > li { margin-bottom: 10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl03 dd > ul > li:first-child { border: 0 none; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 { position:relative; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dt { position: static; padding: 10px 0; width: auto; color:#fff; font-size:16px; background-image: none !important; text-align: center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 > dd { margin-left:0px; border-bottom: 0 none; text-align: center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 { height: auto; background-color: #3668c2; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01_1 { color:#386bc4; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 { height: auto; background-color: #4c97e5; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02_1 { color:#3587dc; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 { height: auto; background-color: #595959; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03_1 { color:#333; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 span { position: static; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 span { position: static; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 span { position: static; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd { height:94px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t01 + dd .in_sec { border-top:1px solid #e5e5e5; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t02 + dd { height:93px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .t03 + dd { height:93px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec { margin-left:0; padding-top:5px; padding-left:10px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dt { margin-bottom:5px; font-size: 16px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl04 .in_sec dd { line-height:18px; font-size:14px; letter-spacing:0; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 { position:relative; height: auto; margin-left: 0; background: none; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li { position: static; margin-bottom: 10px; width: auto; font-size: 13px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li dfn { display:block; color:#333; font-size:20px; margin-bottom:5px; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 li em { display:block; font-size:20px; font-weight:bold; color:#386bc4; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_1 { top:0; left:0; text-align:center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_2 { top:0; right:0; text-align:center;} .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_3 { top:142px; left:0; text-align:center; } .res960 #middle.company #contents.sub01_04_02 .content_body .wrap_box2 .dl05 .dl05_4 { top:142px; right:0; text-align:center;} /* 경영혁신 */ .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt01 { margin-bottom:15px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .txt02 { margin-bottom:30px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec h3 { font-size:30px; line-height:34px; font-weight:normal; color:#2d2d2d; text-align:center; margin-bottom:20px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 { width:100%; overflow:hidden; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 li { height: auto; padding: 10px 0; font-size:13px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list01 li span { display: block; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 { width: auto; height:auto; padding:30px 10px 10px 10px; text-align:center; padding-top:30px; *zoom: 1; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02:after { content:""; display: block; clear: both; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 h4 { font-size:18px; font-weight:normal; margin-bottom:25px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 .bg_shadow { margin: 0 auto 10px auto; width:260px; float:none; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dl { padding:20px; text-align:left; border:1px solid #b2b2b2; background:#fff; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dt { color:#386bc4; font-size:18px; margin-bottom:10px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec .list02 dd {} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts h3 { text-align:center; color:#fff; font-size:16px; background:url('../images/company/bg_img04_16.png') no-repeat; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl { padding:20px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dt { color:#333; margin-bottom:15px; font-weight:bold; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .list_conts > dl > dd { width:112px; padding-left:7px; font-size: 13px; margin-bottom:20px; background:url('../images/company/bl01.png') no-repeat 0 12px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 { position: relative; margin: 10px auto 0 auto; left: 0; top: 0; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 h3 { position: static; top:222px; left:0; width:239px; height:46px; line-height:46px; background-position:0 0; z-index:3; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 { width:199px; height:82px; position: static; top:268px; left:0; background:url('../images/company/bg_img04_17.png'); border-bottom:1px solid #d9d9d9; z-index:2; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dt { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl01 dd { width:auto; margin-bottom:0; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 { position: static; top:0; left:0; width:239px; height:222px; padding:0; color:#333; background:url('../images/company/bg_img04_15.png') no-repeat; text-align:center; z-index:1; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dt { padding-top:30px; font-weight:bold; margin-bottom:0; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd { width:100%; padding:0; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward01 .dl02 dd span { line-height:18px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 { float:none; margin: 0 auto; width:237px; margin-top:30px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 h3 { height:40px; padding-top:10px; background-position:0 -46px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dl { height:auto; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dt {} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward02 dd {} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 { float:none; margin: 0 auto; width:239px; margin-top:30px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 h3 { height:40px; padding-top:10px; background-position:0 -96px; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dl{ height:auto; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dt {} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .forward03 dd {} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dl { position:relative; width:100%; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dt { position: static; top:0; left:0; width: auto; padding:15px; background-image: none; color:#fff; font-weight:bold; text-align: center; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd { padding: 10px; font-size: 12px; text-align: center; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 { background:#f0f7fd;} .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dt { height:auto; background-color: #3668c2; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl01 dd { height:auto; color:#004484; border-top:0 none; border-bottom: 0 none; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dt { height:auto; background-color: #4f99e6; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl02 dd { height:auto; color:#2d79c8; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 { } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dt { height:auto; background-color: #5d5d5d; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect .dl03 dd { height:auto; border-top:1px solid #c3c3c3; border-bottom:2px solid #878787; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul { padding-left: 0px; padding-top: 0; } .res960 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec_effect dd ul li { padding-left: 0; background: none;} /* */ .res960 .bxslider .bx-wrapper { margin: 0 auto; } .res960 .bxslider .bx-pager { font-size: 13px; position: absolute; right: 10px; top: -10px; word-spacing: 2px; } .res960 .bxslider .bx-pager:first-letter { color: #386BC4; font-weight: bold; } /* */ .res960 [class^="sub02_"] .content_body .thum > img { width: auto; } .res960 .sub01_05 .content_body .tab_detail .left { margin-bottom: 20px; width: auto; position: static; margin-right: 0px; } .res960 .sub01_05 .content_body .tab_detail .bxslider { position: relative; float: none; width: auto; padding-top: 20px; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul { margin: 0 auto; width: auto; *zoom: 1; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul:after { display: block; content:""; clear: both; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul li { width: 50%; float: left; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul li .thum { width: auto !important; margin-bottom: 7px; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul li .thum img { width: 100%; height: auto; } .res960 .sub01_05 .content_body .tab_detail .bxslider ul li dl { margin: 0 auto; width: auto; font-size: 13px; } .res960 .sub01_05 .content_body .tab_detail .history_detail { border-top: 1px solid #ccc; padding: 0px 0 0px 0; background: none; } .res960 .sub01_05 .content_body .tab_detail .img_right { position: relative; *zoom: 1; } .res960 .sub01_05 .content_body .tab_detail .img_right:after { display: block; content:""; clear: both; } .res960 .sub01_05 .content_body .tab_detail .img_right .thum { /* position: absolute; right: 0; top: 0;*/ } .res960 .sub01_05 .content_body .tab_detail .img_right .thum img { display: block; } .res960 .sub01_05 .content_body .tab_detail .img_right dl { float: none; position: relative; margin-right: 0; margin-top: 25px; *zoom: 1; text-align: center; } .res960 .sub01_05 .content_body .tab_detail .img_right .thum + dl { margin-top: 0; } .res960 .sub01_05 .content_body .tab_detail .img_right dl:after { display: block; content:""; clear: both; } .res960 .sub01_05 .content_body .tab_detail .img_right dl .year { margin-bottom: 10px; position: static; text-align: center; margin-right: 0; } .res960 .sub01_05 .content_body .tab_detail .img_right dl .month { float: none; margin-left: 0; } .res960 .sub01_05 .content_body .tab_detail .img_right dl .month dfn { float: none; display: block; width: auto; margin-right: 0; } .res960 .sub01_05 .content_body .tab_detail .img_right dl .month span {float: none; display: block; width: auto; } .res960 .sub01_05 .content_body #sub01_05_01 .history_detail, .res960 .sub01_05 .content_body #sub01_05_02 .history_detail, .res960 .sub01_05 .content_body #sub01_05_03 .history_detail, .res960 .sub01_05 .content_body #sub01_05_04 .history_detail, .res960 .sub01_05 .content_body #sub01_05_05 .history_detail { background: none; } /* sub01_06_02 고객문의 */ .res960 .company #lnb h1 { background: url("../images/lnb/lnb01.png"); } .res960 #contents.sub01_06_02 { background-image: url("../images/lnb/lnb01_01.png"); } .res960 #contents.sub01_06_02 #location + h1 { margin-bottom: 36px; } .res960 .sub01_06_02 .content_body .tab01 { margin-top: 39px; margin-bottom: 28px; } .res960 .sub01_06_02 .content_body .tab01 > li { width: 50%; } .res960 .sub01_06_02 .content_body .contact_form { padding-top: 35px; font-size: 13px; } .res960 .sub01_06_02 .content_body .contact_form fieldset { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 { border: 0 none; margin-bottom: 5px; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul { margin-top: 10px; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li { position: relative; width: 100%; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li label { display: block; padding-left: 20px;} .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li input { position: absolute; top: 4px; left: 0; vertical-align: middle; margin-right: 5px; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li dfn { font-weight: bold; } .res960 .sub01_06_02 .content_body .contact_form #sub01_06_02_02 > ul li span { display: block; padding-left: 0px; color: #757575; } .res960 #middle.company #contents.sub01_06_01 { background-image: url('../images/lnb/lnb01_01.png'); *zoom: 1; } .res960 #middle.company #contents.sub01_06_01:after { content:""; display: block; clear: both; } .res960 #middle.company #contents.sub01_06_01 h1 { margin-bottom:37px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_info { margin-bottom:30px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_info li { margin-bottom:6px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_info li dfn { display:inline-block; width:48px; height:19px; line-height:18px; background:#386bc4; margin-right:8px; color:#fff; font-weight:bold; text-align:center; } .res960 #middle.company #contents.sub01_06_01 .content_body .map { margin-bottom:30px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map img { width: 100%; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_case { max-width: 197px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_case dt { text-align: left; height:26px; line-height:26px; padding-left:36px; color:#386bc4; font-weight:bold; margin-bottom:7px; background:url('../images/company/ic06_01.png') no-repeat; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_case dd { margin-bottom:5px; padding-left: 5%; text-align: left; }.res960 #middle.company #contents.sub01_06_01 .content_body .map_case dd { margin-bottom:5px; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_case dt.bg01 { background-position:0 0; } .res960 #middle.company #contents.sub01_06_01 .content_body .map_case dt.bg02 { background-position:0 -26px; } .res960 .sub01_07 .content_body { text-align: center; } .res960 .sub01_07 .sub01_07_section { width: auto; float: none; margin: 0 auto; vertical-align: top; display: inline-block; padding: 0 6%; *display: inline; *zoom: 1; } .res960 .sub01_07 .sub01_07_section dl { padding: 0; } .res960 .sub01_07 .sub01_07_section > div:first-child { text-align: center; } .res960 [class^="sub02_"] .content_body .tab01 li { width: 50%; } .res960 #contents[class^="sub02_"] .content_body { padding: 20px 10px 0 10px; color: #333; } .res960 [class^="sub02_"] .content_body .intro dl dt { position: relative; margin-bottom: 5px; width: auto; } .res960 [class^="sub02_"] .content_body .intro dl dd { margin-left: 0; } .res960 [class^="sub02_"] .content_body .intro { margin-bottom: 20px; } .res960 [class^="sub02_"] .content_body .tab_detail { } .res960 [class^="sub02_"] .content_body .tab_detail h1 { position: relative; margin-bottom: 10px; width: auto; height: auto; color: #2154ac; line-height: 18px; font-size: 16px; text-indent: 0; overflow: hidden; } .res960 [class^="sub02_"] .content_body .tab_detail_top { position: relative; width: 100%; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .res960 [class^="sub02_"] .content_body .tab_detail_top .thum { position: relative; margin-bottom: 10px; width: auto; text-align: center; } .res960 [class^="sub02_"] .content_body .tab_detail_top .thum img { vertical-align: top; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left { margin-left: 0; text-align: center; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left ul { min-height: auto; height: auto; margin-bottom: 10px; padding-bottom: 0px; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left ul li { text-align: center; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left dl { position: static; bottom: auto; left: auto; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left dt { display: inline-block; margin-bottom: 5px; width: auto; } .res960 [class^="sub02_"] .content_body .tab_detail_top .left dfn { margin-right: 5px; } .res960 [class^="sub02_"] .content_body .strategy { clear: both; width: 100%; } .res960 [class^="sub02_"] .content_body .strategy h2, .res960 [class^="sub02_"] .content_body .strategy h3 { font-size: 14px; color: #3666B3; } .res960 [class^="sub02_"] .content_body .strategy > p { margin-top: 30px; margin-bottom:35px; } .res960 [class^="sub02_"] .content_body .strategy > p:first-child, .res960 [class^="sub02_"] .content_body .strategy h2 + p, .res960 [class^="sub02_"] .content_body .strategy h3 + p { margin-top: 0; } .res960 [class^="sub02_"] .content_body .strategy dl dt { margin-bottom: 15px; font-weight: bold; color: #386bc4; } .res960 [class^="sub02_"] .content_body .strategy [class^="img_"] { margin-top: 30px; background-repeat: no-repeat; } .res960 [class^="sub02_"] .content_body .strategy .img_left { background-position: left 0; } .res960 [class^="sub02_"] .content_body .strategy .img_right { background-position: right 0; } .res960 [class^="sub02_"] .content_body .strategy [class^="img_"] dd { margin-bottom: 35px; } .res960 [class^="sub02_"] .content_body .strategy .img_left .thum { left: 0; } .res960 [class^="sub02_"] .content_body .strategy .img_right .thum { right: 0; } .res960 [class^="sub02_"] .blt { display: inline-block; *display: inline; *zoom: 1; padding-left: 8px; background: url('../images/business/blt.png') no-repeat left 9px; } .res960 [class^="sub02_"] .major { margin-bottom: 20px; padding: 0 0 10px 0; } .res960 [class^="sub02_"] .major .major_list { position: relative; left: 0; width: auto; *zoom: 1; position: relative; z-index: 10; } .res960 [class^="sub02_"] .major .major_list:after { display: block; content: ""; clear: both; } .res960 [class^="sub02_"] .major .major_list > li { position: static; margin-bottom: 5px; padding: 0; width: 50%; height: auto !important; text-align: left; } .res960 [class^="sub02_"] .major .major_list .mj_top { height: 492px; } .res960 [class^="sub02_"] .major .major_list > li > .thum_wrap { position: relative; background: none; height: auto; padding-bottom: 0; z-index: 1; } .res960 [class^="sub02_"] .major .major_list > li > .thum_wrap > .thum { position: absolute; width: 100%; height: 100%; z-index: 1; border: 0 none; } .res960 [class^="sub02_"] .major .major_list > li > .thum_wrap > .thum img { display: none; } .res960 [class^="sub02_"] .major .major_list > li > .thum_wrap > span { display: block; margin-right: 18px; padding-right: 17px; background: url('../images/business/btn_plus.png') right 1px no-repeat; } .res960 [class^="sub02_"] .major .major_list > li.on { z-index: 10; } .res960 [class^="sub02_"] .major .major_list > li.on > .thum_wrap { padding-bottom: 0; background: none; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box { display: none; position: absolute; top: 0; left: 0 !important; width: 100%; height: auto; text-align: left; z-index: 10001; } .res960 [class^="sub02_"] .major .major_list > li.on .absolute_box { display: block; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box > dl { position: relative; padding: 15px 10px 50px 10px; border: 1px solid #386bc4; background: #fafafa; overflow: hidden; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box > dl > dt { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #386bc4; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box > dl .thum { position: relative; left: 0; top: 0; margin: 0 auto 10px auto; width: 291px; border: 1px solid #999; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 { margin-bottom: 15px; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul { } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul:after { content:""; display: block; clear: both; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li { } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li > div { position: relative; padding-left: 70px; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li dfn { position: absolute; left: 0; top: 0; margin-right: 5px; line-height: 25px; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_1 > ul li span { display: inline-block; *display: inline; *zoom: 1; width: auto; margin-right: 5px; line-height: 25px; vertical-align: top; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 { padding-top: 15px; border-top: 1px solid #d2d2d2; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 dfn { font-weight: bold; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .dd_2 div { line-height: 18px; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .location { width: auto; position: absolute; right: 15px; bottom: 15px; text-align: center; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl .location a span { padding-left: 16px; color: #fff; background: url('../images/business/bg_location.png') no-repeat left; } .res960 [class^="sub02_"] .major .major_list > li .absolute_box dl + a { position: absolute; top: 15px; right: 15px; } .res960 [class^="sub02_"] .major .major_list .thum .btn_plus { position: absolute; bottom: 6px; right: 6px; } .res960 #contents.sub02_02 > h1, .res960 #contents.sub02_03 > h1, .res960 #contents.sub02_04 > h1, .res960 #contents.sub02_05 > h1, .res960 #contents.sub02_06 > h1 { margin-bottom: 0px; } /* sub02_01 사업영역 */ .res960 .businessArea .trading { padding: 0 10px; width: 456px; border-right: 1px solid #ccc; float: left; } .res960 .businessArea .organizing { padding: 0 10px; float: right; } .res960 .businessArea .tno { margin-top: 20px; letter-spacing: 0; *zoom: 1; } .res960 .businessArea .tno:after { content:""; display: block; clear: both; } .res960 .businessArea .tno h2 { margin-bottom: 0px; line-height: 36px; font-size: 15px; font-weight: bold; text-align: left; } .res960 .businessArea .tno a { color: #333; } .res960 .businessArea .tno dl { position: relative; padding: 140px 0 0 0; width: 50%; text-align: center; } .res960 .businessArea .tno dl img { width: 140px !important; vertical-align: top; } .res960 .businessArea .tno dt { display: inline-block; padding-right: 27px; font-size: 14px; font-weight: bold; background: url('../images/button/btn_more03.png') right 2px no-repeat; } .res960 .businessArea .tno .ctg { font-size: 12px; letter-spacing: -1px; } .res960 .businessArea .trading { padding: 0 10px; width: auto; border-right: 0 none; float: none; *zoom: 1; } .res960 .businessArea .trading:after { content:""; display: block; clear: both; } .res960 .businessArea .trading h2 { color: #437ad7; } .res960 .businessArea .trading h2 + a dl .ctg { bottom: 20px; } .res960 .businessArea .trading dl { float: left; } .res960 .businessArea .organizing { margin-top: 20px; padding: 10px; border-top: 1px solid #ccc; float: none; *zoom: 1; } .res960 .businessArea .organizing:after { content:""; display: block; clear: both; } .res960 .businessArea .organizing dl { float: left; } .res960 .businessArea .organizing h2 { color: #19a694; } .res960 .businessArea .organizing h2 + a { display: block; margin-bottom: 0px; } /* sub02_02 화학/소재 */ .res960 .sub02_02 .content_body .strategy .img_left dl { margin-left: 0px; } .res960 .sub02_02 .content_body .strategy .img_right .thum { } .res960 .sub02_02 .content_body .strategy .img_right dl { margin-right: 0px; } .res960 .sub02_02 .content_body .strategy [class^="img_"] { margin-top: 0px; } .res960 .sub02_02 .content_body .strategy .img_left { background-image: none; } .res960 .sub02_02 .content_body .strategy .img_right { background-image: none; } /* sub02_03 철강 */ .res960 .sub02_03 .content_body .strategy .img_right dl { margin-right: 0px; padding: 0; } .res960 .sub02_03 .content_body .strategy .img_right { background-image: none; } /* sub02_04 자원 */ .res960 .sub02_04 .content_body .strategy .img_right dl { margin-right: 0px; } .res960 .sub02_04 .content_body .strategy .img_right { background-image: none; } .res960 .sub02_04 .content_body .strategy dd.img_left { height: auto; padding-left: 0; background: none; } .res960 .sub02_04 .content_body .strategy dd.img_left + dd { padding-left: 0px; } .res960 .sub02_04 .content_body .strategy dd.img_left .block { display: block; } /* sub02_05 생활산업 */ .res960 .sub02_05 .content_body .strategy .img_left dl { margin-left: 0px; padding-bottom: 0px; } .res960 .sub02_05 .content_body .strategy .img_left { background-image: none; } .res960 .sub02_05 .content_body .strategy .img_right { background-image: none; } /* sub02_06 기계플랜트 */ .res960 .sub02_06 .content_body .strategy .img_left dl { margin-left: 0px; } .res960 .sub02_06 .content_body .strategy .img_left .thum { padding-top: 0px; } .res960 .sub02_06 .content_body .strategy .img_right dl { margin-right: 0px; } .res960 .sub02_06 .content_body .strategy .img_left { background-image: none; } .res960 .sub02_06 .content_body .strategy .img_right { background-image: none; } /* sub02_07 그린에너지 */ .res960 .sub02_07 .content_body .strategy .img_left dl { margin-left: 0px; } .res960 .sub02_07 .content_body .strategy .img_left { background-image: none; } .res960 #contents[class^="sub05_"] .content_body, .res960 #contents[class^="sub03_"] .content_body { margin-top: 0px; padding-top: 30px; border-top: 0 none; } .res960 .sub03_01 .p_comm { font-size:16px; color:#333; line-height:25px; margin-bottom:23px; padding:0 10px; } .res960 .sub03_01 .wrap_conts .visual_area { width:auto; height:auto; margin:0 auto; background:none; padding-left:0px; float: none; text-align: center; } .res960 .sub03_01 .wrap_conts .visual_area img { width: 300px; } .res960 .sub03_01 .graph { padding-left:0; width:100%; } .res960 .sub03_01 .graph dl { margin: 0 auto 24px auto; width: 300px; } .res960 .sub03_01 .graph dl dt { width:70px; } .res960 .sub03_01 .graph dl dd { width:230px; } .res960 .sub03_01 .graph h2 { padding-left:10px; } .res960 .sub03_01 .graph ul { padding-left:10px; } .res960 .sub03_01 .list_social { margin: 0 auto; float:none; padding-left:0; width: 250px; margin-bottom:40px; } .res960 .sub03_01 .movie { margin-top:1px; } .res960 .photo_news_view h2 { font-size: 16px; line-height: 22px; padding: 10px; } .res960 .photo_news_view p { position: static; text-align: right; padding-top: 10px; } .res960 .photo_news_view .news_contents .text_area_view { padding: 0 10px; } .res960 .photo_news_view .news_contents .text_area_view img { width: 100% !important; height: auto !important; } .res960 .photo_news_view .news_contents { padding-top: 0; } /* 탭 메뉴 다문화 아동지원 */ .res960 .sub03_02 .tab01 li { width: 50%;} .res960 .sub03_02 .tab_detail p { line-height: 25px; } .res960 .sub03_02 .tab_detail p.mgt_30 { margin-top: 0; } .res960 .sub03_02 .multiple_cultures_area { padding-top: 40px; background: url("../images/social/bg_flower.png") no-repeat 635px 15px; } .res960 .sub03_02 .multiple_cultures_area .multiple_cultures { padding-left: 0px; background: none; } .res960 .sub03_02 h2 { font-weight: normal; } .res960 .sub03_02 li { line-height: 25px; } /* 탭 메뉴 무궁화 사랑 운동 */ .res960 .sub03_02 .love_exercise { margin-top: 45px; background: none; } /* sub03_03 글로벌 공헌활동 */ .res960 .sub03_03 .content_body > p { font-size: 16px; line-height: 25px;} .res960 .sub03_03 .content_body div p { line-height: 25px; } .res960 .sub03_03 .overseas_child { margin-top: 40px; background: none; } .res960 .sub03_03 .overseas_child .txt_overseas_child { margin-left: 0; } .res960 .sub03_03 .executives_serve { margin-top: 25px; background: none; } .res960 .sub03_03 .executives_serve dl { margin-top: 10px; } .res960 .sub03_03 .executives_serve dt span { display: inline-block; width: 40px; line-height: 18px; font-size: 13px; text-align: center; color: #fff; padding-bottom: 4px; background: #386bc4; } .res960 .sub03_03 .executives_serve dd.first { margin-top: 5px; } .res960 .sub03_03 .overseas_serve { margin-top: 25px; padding-top: 20px; background: none; } /* sub03_04 지역사회 */ .res960 .sub03_04 .content_body > p { font-size: 16px; } .res960 .sub03_04 .content_body p { line-height: 25px; padding-right: 0; } .res960 .sub03_04 .communtiy { margin-top: 5px; padding-top: 30px; background: none; padding-right: 0; } .res960 .sub03_04 .voluntary_service_area { margin-top: 30px; background: none; } .res960 .sub03_04 .voluntary_service_area .txt_voluntary_service { padding-left: 0; } .res960 .sub03_04 .sponsor_area { margin-top: 25px; padding: 15px 0 5px; background: none; } .res960 .sub03_04 .sponsor_area .sponsor { padding-left: 0px; } .res960 .sub03_04 .sisters { margin-top: 40px; } /* photo_news 사회공헌 뉴스 */ .res960 .photo_news .content_body a { color: #333; } .res960 .photo_news .content_body .coal_area { width: 100%; } .res960 .photo_news .content_body .coal_area:after { content: ""; clear: both; display: block; } .res960 .photo_news .content_body .coal_area dl { float: none; width: 100%; } .res960 .photo_news .content_body .coal_area .thumbnail_img { margin: 0 auto 10px auto; width: 290px; float: none; } .res960 .photo_news .content_body .coal_area .thumbnail_img img { width: 100%; } .res960 .photo_news .content_body .coal_area dt { font-size: 18px; line-height: 28px; text-align: center; font-weight: bold; } .res960 .photo_news .content_body .coal_area dl span { color: #333; } .res960 .photo_news .content_body .coal_area dd { line-height: 24px; margin: 10px 0; margin-top: 0; padding-top: 15px; border-top: 0 none; } .res960 .photo_news .content_body .coal_area a:hover dd { text-decoration: underline; } .res960 .photo_news .content_body .coal_area span.day { position: relative; left: 0px; top: 0; display: block; color: #3668bc; } .res960 .photo_news .news_area { width: 100%; margin-top: 20px; padding: 5px 0 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .res960 .photo_news .news_area:after { content: ""; clear: both; display: block; } .res960 .photo_news .news_area a:hover p { text-decoration: underline; } .res960 .photo_news .news_area .odd { float: left; margin-top: 35px; width: 47%; } .res960 .photo_news .news_area .even { float: right; margin-top: 35px; width: 47%;} .res960 .photo_news .news_area a { width: 100%; } .res960 .photo_news .news_area a:after { content: ""; clear: both; display: block; } .res960 .photo_news .news_area .thumbnail_img { margin: 0 auto; width: 100px; float: none; } .res960 .photo_news .news_area .thumbnail_img img { } .res960 .photo_news .news_area p { float: none; margin: 0 auto; width: 100%; height: 40px; overflow: hidden; margin-bottom: 0px; text-align: center; } .res960 .photo_news .news_area p span { display: block; } .res960 .photo_news .news_area span.color_mt { display: block; text-align: center; color: #3668bc; margin-left: 0; } .res960 .photo_news .content_body .paging { margin-top: 20px; text-align: center; line-height: 23px; } .res960 .photo_news .content_body .paging .first { color: #3371d9; } .res960 .photo_news .content_body .paging .on { color: #3371d9; } .res960 .photo_news .content_body .paging strong { display: inline-block; padding: 0 10px; border: 1px solid #d3d3d3; } .res960 .photo_news .content_body .paging a { display: inline-block; padding: 0 10px; font-weight: bold; } .res960 .photo_news .content_body .paging .last { color: #3371d9; } .res960 .photo_news_view .list_area { overflow: hidden; clear: both; width: 100%; margin-top: 20px; } .res960 .photo_news_view dl { float: left; position: relative; padding-left: 75px; padding-right: 90px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .res960 .photo_news_view dl.last { border-top: 0; } .res960 .photo_news_view dl:after { content: ""; clear: both; display: block; } .res960 .photo_news_view dt { display: block; position: absolute; left: 0; top: 0; width: 70px; height: 100%; line-height: 37px; background: #f9f9f9; } .res960 .photo_news_view dt a { display: block; margin-left: 0; padding-left: 20px; } .res960 .photo_news_view .first dt a { background: url("../images/news/bg_arrow1.png") no-repeat 7px center; } .res960 .photo_news_view .last dt a { background: url("../images/news/bg_arrow2.png") no-repeat 7px center; } .res960 .photo_news_view dd { line-height: 37px; } .res960 .photo_news_view dd a:hover { text-decoration: underline; } .res960 .photo_news_view dd a { float: left; display: inline-block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; } .res960 .photo_news_view .btn_list { clear: both; text-align: center; margin-top: 15px; } .res960 .photo_news_view .btn_list a { display: inline-block; font-weight: bold; color: #fff; padding: 0 20px 0 20px; background: #386bc4; } .res960 .photo_news_view .btn_list a span { display: inline-block; padding: 8px 0 8px 20px; background: url("../images/news/bg_btn_ico2.png") no-repeat left 10px; } .res960 .photo_news_view .pg_view { margin-left: 5px; font-size: 11px; } .res960 .photo_news_view .day { margin-right: 0px; font-size: 11px; } .res960 .photo_news_view .day_hit { position: absolute; top: 0; right: 0; } .res960 .photo_news_view .info { position: static; } /* 채용정보 - 인재상 */ .res960 #middle.recruit #contents.sub04_01 { background-image: url('../images/lnb/lnb04_01.png'); *zoom: 1; } .res960 #middle.recruit #contents.sub04_01:after { content:""; display: block; clear: both; } .res960 #middle.recruit #contents.sub04_01 h1 { margin-bottom:37px; } .res960 #middle.recruit #contents.sub04_01 a { color:#333; } .res960 #middle.recruit #contents.sub04_01 p span { font-size:16px; } .res960 #middle.recruit #contents.sub04_01 .content_body .box01 { padding-top:20px; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face { position:relative; width:100%; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt { position:static; top:0px; left:0px; margin: 0 auto 30px auto; width:311px; height:181px; padding-top:130px; background:url('../images/recruit/img01_01.png') no-repeat; color:#fff; font-size:16px; text-align:center; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt span { text-align:center; display: block; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dt strong { font-size:20px; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face > dd { height: auto; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in { position:static; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt { font-size:18px; color:#333; margin-bottom:10px; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dt em { display:block; margin-bottom:5px; font-size:20px; font-weight:bold; color:#386bc4; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face_in dd { margin-bottom: 10px; width:auto; font-size: 13px; line-height:18px; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face01 { top:0; left:0; text-align:center; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face02 { top:0; right:0;text-align:center; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face03 { bottom:0; left:0; text-align:center; } .res960 #middle.recruit #contents.sub04_01 .content_body .wrap_box .sec_face .face04 { bottom:0; right:0; text-align:center; } .res960 #middle.company #contents.sub01_04_01 .content_body .wrap_box02 dt { padding-left: 10px; } .res960 #middle.recruit #contents.sub04_01 .comm dt img { display: block; width: 280px; margin: 0 auto; } .res960 #middle.recruit #contents .tb03 { width:100%; margin-bottom:40px; border-top:2px solid #878787; border-bottom:2px solid #878787; } .res960 #middle.recruit #contents .tb03 th { padding:5px 0 6px 5px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; text-align:left; } .res960 #middle.recruit #contents .tb03 td { padding:5px 0 6px 5px; border-bottom:1px solid #e8e8e8; } .res960 #middle.recruit #contents .content_body .recruit_relate { position: relative; width: auto; *zoom:1; margin-top: 40px; left: -3px; text-align: center; } .res960 #middle.recruit #contents .content_body .recruit_relate:after { content:""; display:block; clear:both; } .res960 #middle.recruit #contents .content_body .recruit_relate li { float: none; display: inline-block; *zoom: 1; *display: inline; padding-bottom:2px; background:url('../images/recruit/bg01_shadow.png') no-repeat bottom; padding: 0 3px; margin-bottom: 6px; cursor: pointer; } /* 채용정보 - 인사제도 - 인재육성 */ .res960 #middle.recruit #contents .content_body .tb02 { width:100%; margin-bottom:40px; border-bottom:1px solid #c9c9c9; } .res960 #middle.recruit #contents .content_body .tb02 thead th { height:60px; color:#fff; background: none; } .res960 #middle.recruit #contents .content_body .tb02 .th_col01 { background:url('../images/recruit/bg02_02.png') repeat-x bottom; } .res960 #middle.recruit #contents .content_body .tb02 .th_col02 { background-color: #458bd5; } .res960 #middle.recruit #contents .content_body .tb02 .th_col03 { background-color: #575757; } .res960 #middle.recruit #contents .content_body .tb02 .th_col04 { background-color: #2f5ba4; } .res960 #middle.recruit #contents .content_body .tb02 td { padding: 5px; height: auto; background: none; vertical-align:top; } .res960 #middle.recruit #contents .content_body .tb02 td.h_txt01 { height:auto; background-position:0 0; } .res960 #middle.recruit #contents .content_body .tb02 td.h_txt01 dt { margin-bottom: 5px; color: #578fd3; border: 1px solid #9bb8d6; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt01 dd { margin-bottom: 5px; color: #333555; border: 1px solid #dbdbdb; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt02 { height:auto; background-position:0 -373px; } .res960 #middle.recruit #contents .content_body .tb02 td.h_txt02 dt { margin-bottom: 5px; color: #333; border: 1px solid #9bb8d6; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt02 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt03 { height:auto; background-position:0 -746px; } .res960 #middle.recruit #contents .content_body .tb02 td.h_txt03 dt { margin-bottom: 5px; color: #2e5ba4; border: 1px solid #9bb8d6; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt03 dd { margin-bottom: 5px; color: #333; border: 1px solid #dbdbdb; text-align: center;} .res960 #middle.recruit #contents .content_body .tb02 td.h_txt01 dl, .res960 #middle.recruit #contents .content_body .tb02 td.h_txt02 dl, .res960 #middle.recruit #contents .content_body .tb02 td.h_txt03 dl { height: auto; padding-top:0; overflow:hidden; } .res960 #middle.recruit #contents .content_body .tb02 .bd_line01 { border-bottom:1px solid #595959; } .res960 #middle.recruit #contents .content_body .tb02 .bd_line02 { border-bottom:1px solid #bebebe; } .res960 #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width: auto; text-align: center; border-top: 0 none; *zoom:1; } .res960 #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } .res960 #middle.recruit #contents.sub04_02_02 .list_welfare li { float: none; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; width:237px; margin: 0 auto; border: 0 none; } .res960 #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; border: 0 none !important; } .res960 #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold;} .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro { border-top:1px solid #e5e5e5; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro li { border-bottom:1px solid #e5e5e5; padding:20px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro li dl { min-height:87px; height: auto; padding-left:110px; padding-top:0px; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dt { font-size:20px; margin-bottom:10px; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro li dl dd { font-size:13px; line-height:20px; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list01 { background-position: 5px 0; padding-top:0; height: auto; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list02 { background-position: 5px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list03 { background-position: 5px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list04 { background-position: 5px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list05 { background-position: 5px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list06 { background-position: 5px 0; } .res960 #middle.recruit #contents.sub04_02_03 .list_eduPro .list07 { background-position: 5px 0; } .res960 #middle.recruit #contents .list_flow { position:relative; *zoom:1; text-align: center; } .res960 #middle.recruit #contents .list_flow:after { content:""; display:block; clear:both; } .res960 #middle.recruit #contents .list_flow li { margin-bottom: 10px; float:none; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; width:140px; height:116px; padding-left:0; background:url('../images/recruit/flow_arrow.png') no-repeat right 48px; margin-right:9px; } .res960 #middle.recruit #contents .list_flow li > div { width:116px; height:84px; padding-top:32px; padding-right: 20px; text-align:center; background:url('../images/recruit/bg02_01.png') no-repeat; } .res960 #middle.recruit #contents .list_flow li > div span { font-size: 13px; color:#fff; } .res960 #middle.recruit #contents .list_flow li > div em { display:block; font-size:16px; font-weight:bold; } .res960 #middle.recruit #contents .list_flow li .flow01 { background-position:0 0; } .res960 #middle.recruit #contents .list_flow li .flow02 { background-position:0 -116px; } .res960 #middle.recruit #contents .list_flow li .flow03 { background-position:0 -232px; } .res960 #middle.recruit #contents .list_flow li .flow04 { background-position:0 -348px; } .res960 #middle.recruit #contents .list_flow li .flow05 { background-position:0 -464px; } .res960 #middle.recruit #contents .list_flow li.arrow_none { width:116px; background:none; margin-right:0; } .res960 #middle.recruit #contents .list_flow li.list01 { width:112px; height:89px; margin-bottom: 10px; background:url('../images/recruit/flow_arrow.png') no-repeat right 35px; margin-right:13px; } .res960 #middle.recruit #contents .list_flow li.list01 > div { width:89px; height:54px; padding-top:35px; background:url('../images/recruit/bg03_03.png') no-repeat; color:#fff; } .res960 #middle.recruit #contents .list_flow li.list01 .flow01 { background-position:0 0; } .res960 #middle.recruit #contents .list_flow li.list01 .flow02 { background-position:0 -89px; } .res960 #middle.recruit #contents .list_flow li.list01 .flow03 { background-position:0 -178px; } .res960 #middle.recruit #contents .list_flow li.list01 .flow04 { background-position:0 -267px; } .res960 #middle.recruit #contents .list_flow li.list01 .flow05 { background-position:0 -356px; } .res960 #middle.recruit #contents .list_flow li.arrow_none01 .flow06 { width:89px; height:54px; padding-top:35px; background:url('../images/recruit/bg03_03.png') no-repeat 0 -445px; color:#fff; } .res960 #middle.recruit #contents .list_flow li.arrow_none01 { width:89px; height:89px; background:none; margin-right:0; } .res960 #middle.recruit #contents .list_flow li.list02 { width:133px; height:98px; background:url('../images/recruit/flow_arrow.png') no-repeat right 35px; margin-right:21px; } .res960 #middle.recruit #contents .list_flow li.list02 > div { width:98px; height:63px; padding-top:35px; background:url('../images/recruit/bg03_04.png') no-repeat; color:#fff; } .res960 #middle.recruit #contents .list_flow li.list02 .flow01 { background-position:0 0; } .res960 #middle.recruit #contents .list_flow li.list02 .flow02 { background-position:0 -98px; } .res960 #middle.recruit #contents .list_flow li.list02 .flow03 { background-position:0 -196px; } .res960 #middle.recruit #contents .list_flow li.list02 .flow04 { background-position:0 -294px; } .res960 #middle.recruit #contents .list_flow li.arrow_none02 .flow05 { width:98px; height:63px; padding-top:35px; background:url('../images/recruit/bg03_04.png') no-repeat 0 -392px; color:#fff; } .res960 #middle.recruit #contents .list_flow li.arrow_none02 { width:98px; height:98px; background:none; margin-right:0; } .res960 .sub04_03_01 .duty_area { padding-top: 0px; background: none; } .res960 .sub04_03_01 table { margin-top: 0px; } .res960 .sub04_03_01 table th { padding: 0 5px; } .res960 .sub04_03_02 .recruit_blt { background-position: left 3px; } /* sub04_05_02 1:1문의 */ .res960 .contact_form h1 { margin-bottom: 0px; } .res960 .contact_form table td .inp01.txt_mail { width: 100%; margin-bottom: 5px; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list > dl { border-top: 1px solid #e8e8e8; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list > dl:first-child { border-top: 0 none; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question { font-size: 13px; background: url('../images/recruit/question_bg.png') no-repeat -20px 16px; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question dt a { display: block; padding-left: 40px; padding-right: 41px; color: #333; background: url('../images/recruit/arrow_down.png') no-repeat right 20px; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question.on dt a { background-image: url('../images/recruit/arrow_blue_up.png'); } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question .answer { display: none; padding: 10px 0; border-top: 1px solid #e8e8e8; background: #f8f8f8 url('../images/recruit/answer_bg.png') no-repeat -20px 16px; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question.on .answer { display: block; } .res960 .sub04_05_01 .content_body .tab_detail .faq_list .question .answer div { padding-left: 40px; padding-right: 40px; } /* sub04_05_02 1:1문의 */ .res960 .contact_form table { width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .res960 .contact_form table th { padding: 9px 0 8px 5px; border-top: 1px solid #e8e8e8; line-height: 21px; vertical-align: top; background: none repeat scroll 0 0 #F9F9F9; } .res960 .contact_form table tr:first-child th, .res960 .contact_form table tr:first-child td { border-top: 0 none; } .res960 .contact_form table td label {display: block; padding-right: 0px; margin-bottom: 5px; } .res960 .contact_form table td .inp01.txt_mail { width: 100%; } .res960 .contact_form table td .inp01.txt_title { width: 100%; } .res960 .contact_form table td input[type="radio"] { vertical-align: middle; } .res960 .contact_form table td .code_box { border-color: #CECECE #E6E6E6 #E6E6E6 #CECECE; } .res960 .contact_form table td .code_box textarea { height: 300px; } .res960 .required { margin-bottom: 5px; } /* sub05_02 홍보자료 */ .res960 .sub05_02 .content_body { text-align: center; } .res960 .sub05_02 .publicity_area { display: inline-block; width: 427px; float: none; position: relative; padding: 0 15px; vertical-align: top; margin-bottom: 40px; *zoom: 1; *display: inline; } .res960 .sub05_02 .publicity_area:after { display: block; content: ""; clear: both; } .res960 .sub05_02 .publicity_area .publicity { *zoom: 1; } .res960 .sub05_02 .publicity_area .publicity:after { display: block; content: ""; clear: both; } .res960 .sub05_02 .publicity_area .publicity dl { float: left; width: 193px; font-size: 13px; padding: 7px 0px 8px; border-bottom: 1px solid #e5e5e5; } .res960 .sub05_02 .publicity_area .publicity dl:first-child + dl, .res960 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl, .res960 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl , .res960 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl + dl + dl { float: right; } .res960 .sub05_02 .publicity_area .publicity dl:after { content: ""; clear: both; display: block; } .res960 .sub05_02 .publicity_area .publicity dt { float: left; font-weight: bold; letter-spacing: 0; } .res960 .sub05_02 .publicity_area .publicity dd { float: right; } .res960 .sub05_02 .publicity_area .publicity dd span { padding-right: 20px; background: url("../images/news/bg_line.gif") no-repeat 35px 5px; } .res960 .sub05_02 .publicity_area .publicity a { color: #333; } .res960 .sub05_02 .publicity_area .publicity a:hover, .sub05_02 .publicity_area .publicity a:focus { color: #3668bc; text-decoration: underline; } .res960 .sub05_02 .publicity_area .iframe_area { width: 427px; height: 255px; } .res960 .sub05_02 .publicity_area .iframe_area iframe { width: 100%; margin: 0 auto; } .res960 .sub05_02 .publicity_area .subtitles_area { overflow-y: scroll; width: 405px; height: 88px; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; } .res960 .sub05_02 .broshure_area { float: none; vertical-align: top; display: inline-block; *zoom: 1; *display: inline; width: 227px; padding: 0 15px; } .res960 .sub05_02 .broshure_area ul { } .res960 .sub05_02 .broshure_area ul:after { content: ""; clear: both; display: block; } .res960 .sub05_02 .broshure_area ul li { text-align: right; } .res960 .sub05_02 .broshure_area li .thumbnail_img { margin-bottom: 5px; padding: 1px 18px 18px 1px; background: url("../images/news/bg_brochure.jpg") no-repeat; } .res960 .sub05_02 .broshure_area li .thumbnail_img img { vertical-align: top; } .res960 .sub05_02 .broshure_area li span { display: block; font-weight: bold; padding-right: 18px; } .res960 .sub05_02.broshure_area li > span { margin-right: 18px; letter-spacing: 0; } .res960 .sub05_02 .broshure_area li a { display: inline-block; color: #333; margin-left: 15px; line-height: 25px; border: 1px solid #cbcbcb; background: url("../images/news/bg_btn.png") repeat-x; letter-spacing: -1px; } .res960 .sub05_02 .broshure_area li a span { padding: 0 10px 0 30px; background: url("../images/news/bg_btn_ico.png") no-repeat 9px 50%; } /* sub06* (글로벌 네트워크) */ .res960 #middle.global { background: none; } .res960 #middle.global #lnb { } .res960 #middle.global #lnb > h1 { position: static; top: 0; left: 0; padding: 0; width: auto; height: auto; line-height: inherit; font-size: inherit; color: inherit; background: none; text-align: left; } .res960 #middle.global #lnb > h1 span { display: inline; font-size: inherit; line-height: inherit; color: #B0C3E1; opacity: 1; } .res960 #middle.global #lnb > ul { position: static; z-index: 0; left: 0; top: 0; float: none; width: auto; padding-bottom: 0; padding-top: 0; background: none; } .res960 #middle.global #lnb > ul > li { width: auto; border: 0 none; float: left; text-align: center; } .res960 #middle.global #lnb > ul > li > a { color: inherit; font-size: inherit; border: 0 none; width: auto; height: auto; line-height: inherit; padding-left: 0; border: 0 none !important; border-left: 0 none !important; border-bottom: 0 none !important; } .res960 #middle.global #lnb > ul > .on > a { color: inherit; height: auto; background: none; border-top: 0 none !important; } .res960 #middle.global #lnb > ul > li:first-child + li > a, .res960 #middle.global #lnb > ul > li:first-child + li + li + li > a { line-height: 45px; } .res960 #middle.global #lnb > ul > li:first-child + li + li + li + li + li > a { line-height: 45px; width: auto; } .res960 #middle.global #lnb > ul > li:first-child + li + li + li + li + li + li > a { width: auto; } .res960 #middle.global #lnb > ul > li:first-child a { line-height: 45px; border: 0 none !important; } .res960 #middle.global #lnb > ul > .on:first-child a { border-left: 0 none !important; background: none; } .res960 #middle.global #lnb > ul > li:first-child a span { display: inline-block; padding: 0 0 0 0px; background: url('../images/global/bg_earth.png') 0 8px no-repeat ; } .res960 #middle.global #lnb { padding-top: 25px; width: 186px; float: left; } .res960 #middle.global #lnb h1 { padding: 40px 0 0 0; height: 98px; color: #fff; line-height: 32px; font-size:24px; background: #3766b4 url('../images/global/tit_map_bg.png') 0 0 no-repeat; text-align: center; } .res960 #middle.global #lnb h1 span { display: block; margin-top: 10px; line-height: 16px; font-size: 14px; opacity: 0.6; } .res960 #middle.global #lnb > ul { position: relative; background: #f7f7f7; *zoom: 1; } .res960 #middle.global #lnb > ul:after { content:""; display: block; clear: both; } .res960 #middle.global #lnb > ul > li { width: 100%; float: left; } .res960 #middle.global #lnb > ul > li > a { display: block; padding: 6px 5px 7px 5px; height: 46px !important; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9 !important; border-top: 0 none !important; background: #f7f7f7; } .res960 #middle.global #lnb > ul > li:first-child > a { border-top: 1px solid #d9d9d9 !important; } .res960 #middle.global #lnb > ul > .on > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_on.png') 163px 13px no-repeat; } .res960 #middle.global #lnb > ul > .down > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_down.png') 161px 15px no-repeat; } .res960 #middle.global #lnb .depth03 { background: #fdfdfd; } .res960 #middle.global #lnb .depth03 > li { background: url('../images/bullet/bullet05.png') 24px 16px no-repeat; } .res960 #middle.global #lnb .depth03 > li > a { display: block; padding: 6px 0 7px 35px; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9; border-top: 0 none; } .res960 #middle.global #lnb .depth03 > .on > a { color: #386bc4; background: url('../images/bullet/arrow02_b.png') 163px 13px no-repeat; } .res960 #middle.global #lnb.normal .depth03 { display: none; } .res960 #middle.global #lnb.normal .down .depth03, .res960 #lnb.normal .on .depth03 { display: block; } .res960 #middle.global #lnb { display: none; position: absolute; top: 0; left: 0; padding-top: 0; height: 0%; min-height: 0%; max-height: none; background: #474747; float: none; } .res960 .lnbOn #middle.global #lnb { display: block; height: 100%; min-height: 100%; } .res960 #middle.global #lnb > ul { background: #474747;} .res960 #middle.global #lnb > ul > li > a { color: #bababa; border: 0 none !important; border-top: 1px solid #505050 !important; border-bottom: 1px solid #393939 !important; background: none !important; } .res960 #middle.global #lnb > ul > li:first-child > a { color: #bababa; border: 0 none !important; border-top: 1px solid #505050 !important; border-bottom: 1px solid #393939 !important; background: none; } .res960 #middle.global #lnb > ul > .on > a { border-top: 1px solid #505050 !important; border-bottom: 1px solid #1d1d1d !important; background: #3a3a3a url('../images/bullet/arrow02_on.png') 163px 25px no-repeat !important; } .res960 #middle.global #lnb > ul > li:first-child a span, .res960 #middle.global #lnb > ul > li.on:first-child a span { background: none; } .res960 #middle.global #globalmap { position: relative; margin-left: 0; width: auto; height: auto; background: none; } .res960 #middle.global #globalmap #mapxy, .res960 #middle.global #globalmap #mapxy + map { display: none; } .res960 #middle.global .world_wide .wrap { padding-bottom: 0; } .res960 #middle.global .world_wide #contents { padding-top: 0px; } .res960 #middle.global .world_wide #contents .content_body { padding: 0 !important; } .res960 #middle.global #globalmap .wrap #headquarter { display: none; } .res960 #middle.global #globalmap .business_nation > h1 { position: static; line-height: 18px; font-size: 13px; background: url('../images/button/btn_more03_r.png') right 11px no-repeat; text-align: left; } .res960 #middle.global #globalmap .business_nation > h1 a { display: block; padding: 10px 35px 11px 22px; border-bottom: 1px solid #e5e5e5; background: url('../images/bullet/bullet06.png') 15px 19px no-repeat; } .res960 #middle.global #globalmap .business_nation > h1 br { display: none; } .res960 #middle.global #contents[class^="sub06_"] #location { display: block; } .res960 #middle.global #contents[class^="sub06_"] > h1 { display: block; } .res960 #middle.global #contents { float: none; width: auto; padding-top: 0; font-size: 13px; } .res960 #middle.global #contents .global_list { border: 1px solid #999; } .res960 #middle.global #contents .global_list > dl { position: relative; padding-left: 0px; letter-spacing: 0; border-top: 0 none; } .res960 #middle.global #contents .global_list > dl:first-child { border-top: 0 none; } .res960 #middle.global #contents .global_list > dl.last { border-bottom: 0 none; } .res960 #middle.global #contents .global_list > dl > dt { position: static; left: 0; top: 0; width: auto; height: 100%; line-height: 35px; font-weight: bold; background: #f8f8f8; text-align: center; color: #333; } .res960 #middle.global #contents .global_list > dl > dd dl { position: relative; } .res960 #middle.global #contents .global_list > dl > dd dl dt { font-size: 13px; font-weight: bold; line-height: 20px; margin-bottom: 5px; color: #9C4FA1; } .res960 #middle.global #contents .global_list > dl > dd dl dd { font-size: 13px; line-height: 18px; color: #333; padding-right: 90px; } .res960 #middle.global #contents .global_list > dl > dd dl dd span { padding-right: 0px; } .res960 #middle.global #contents .global_list > dl > dd dl dd dfn { margin-right: 5px; font-weight: bold; } .res960 #middle.global #contents .global_list > dl > dd dl .btn_detail { position: absolute; right: -2px; bottom: -2px; padding: 0; font-size: 12px; } .res960 #middle.global #contents .global_list > dl > dd dl .btn_detail a { display: block; padding: 0 18px; text-align: center; line-height: 20px; color: #fff; background: #6f6f6f; } .res960 #middle.global #contents .global_list > dl > dd dl .btn_detail a:hover{ background: #386bc4; } .res960 #middle.global #contents .global_list > dl > dd .popuptype1 dt { color: #3462b1; } .res960 #middle.global #contents .global_list > dl > dd .popuptype2 dt { color: #3e8400; } .res960 #middle.global #contents .global_list > dl > dd { border-top: 1px solid #ccc; padding: 10px; } .res960 #middle.global #contents .global_list > dl > dt + dd { border-top: 0 none; } .res960 #middle.global #contents .map_area { display: none; } .res960 #middle.global .sub06_03 .map_area .map_list { display: none; } .res960 #middle.global #contents .map_right_area { position: relative; top: 0; right: 0; margin-bottom: 10px; width: auto; height: auto; } .res960 #middle.global #contents .map_right_area .heading { background: #344A74; padding: 8px 10px 12px 10px; } .res960 #middle.global #contents .map_right_area .heading img { margin-right: 5px; vertical-align: middle; } .res960 #middle.global #contents .map_right_area .heading h1 { width: auto; color: #b4cbff; font-size: 14px; margin-bottom: 5px } .res960 #middle.global #contents .map_right_area .heading h2 { color: #fff; font-size: 13px; } .res960 #middle.global #contents .map_right_area .scroll_area { overflow-y: hidden; height: auto; padding: 10px; background: #fff; } .res960 #middle.global #contents .map_right_area .detail_view { position: absolute; top: 25px; right: 10px; display: block; padding: 0 15px 0 5px; font-size: 12px; text-align: center; color: #fff; line-height: 21px; background: #4B618D url('../images/global/btn_arrow_r.png') no-repeat right; } .res960 .contact_form table td .inp01.txt_mail { display: block; } .res960 #middle[class^="global_p"] .container .info > dl dd > dl { margin-bottom: 8px; padding-left: 0 !important; } .res960 #middle[class^="global_p"] .container .info > dl dd > dl > dt { position: static; margin-bottom: 5px; } .res960 #middle[class^="global_p"] .container .info > dl dd > dl dd > dl dt { position: absolute; top:0; left:0; width: 65px; display: block; } .res960 #middle[class^="global_p"] .container .info > dl dd > dl dd > dl dd { text-indent: -8px; display: inline-block; *display: inline; *zoom: 1; } /* sub07_01 이메일 주소 무단수집 거부 */ .res960 #contents[class^="sub07_"] { width: auto; background: none; } .res960 #contents[class^="sub07_"] .content_body { color: #333; margin-top: 0; padding-top: 20px; border-top: 0 none; } .res960 #contents[class^="sub07_"] #location { display: none; } .res960 #contents[class^="sub07_"] > h1 { padding-left: 10px; } .res960 .sub07_01 .content_body { min-height: auto; } .res960 .sub07_01 .content_body .txt_email1 { line-height: 25px; } .res960 .sub07_01 .content_body .txt_email2 { font-size: 16px; line-height: 25px; margin-top: 30px; } /* sub07_02 legal notice */ .res960 .sub07_02 .content_body .txt_notice1 { font-size: 20px; } .res960 .sub07_02 .content_body .txt_notice2 { font-size: 16px; line-height: 25px; margin-top: 30px; } .res960 .sub07_02 .content_body dl { margin-top: 30px; } .res960 .sub07_02 .content_body dt { color: #386bc4; font-weight: bold; margin-top: 35px; } .res960 .sub07_02 .content_body dt.first { margin-top: 0; } .res960 .sub07_02 .content_body dd { margin-top: 10px; line-height: 25px; } .res960 .sub07_02 .content_body dd.mgt_30 { margin-top: 30px; } .res960 .sub07_02 .content_body dd a { color: #333; } /* sub07_03 삼성물산 개인정보 처리방침 */ .res960 .sub07_03#contents { line-height: 25px; letter-spacing: 0; } .res960 .sub07_03 .content_body > p { line-height: 25px; } .res960 .sub07_03 .txt_personal_information2 { margin-top: 15px; } .res960 .sub07_03 .personal_information_area { margin-top: 10px; } .res960 .sub07_03 .personal_information_area ol ol { color: #333; margin-left: 10px; } .res960 .sub07_03 .personal_information_area .bookmark li { width: auto; float: none; vertical-align: top; } .res960 .sub07_03 .personal_information_area .personal_information { margin-top: 25px; } .res960 .sub07_03 .personal_information_area .personal_information li { margin-top: 25px; } .res960 .sub07_03 .personal_information_area .personal_information ul li { list-style-position: outside; margin-top: 0; } .res960 .sub07_03 .personal_information_area .personal_information .bullet { padding-left: 10px; background: url("../images/etc/bg_disc.png") no-repeat 3px 6px; } .res960 .sub07_03 .personal_information_area .personal_information .information_stop ol { padding-left: 5px; } .res960 .sub07_03 .personal_information_area .personal_information .mgt_25 { margin-top: 15px; } .res960 .sub07_03 .personal_information_area table { margin-top: 10px; width: 100%; border-collapse:collapse; border-spacing: 0; border-bottom: 2px solid #878787; } .res960 .sub07_03 .personal_information_area th { text-align: center; padding: 13px 0 8px; border-top: 2px solid #878787; border-bottom: 1px solid #ccc; background: #f9f9f9; } .res960 .sub07_03 .personal_information_area td { padding: 10px 0 10px 5px; border-top: 1px solid #e8e8e8 } .res960 .sub07_03 .personal_information_area .fist td { border-top: 0; } .res960 .sub07_03 .personal_information_area .t_border { font-weight: bold; border-right: 1px solid #e8e8e8 } .res960 .sub07_03 .personal_information_area .personal_information .mgt_20 { margin-top: 10px; } .res960 .sub07_03 .personal_information_area .personal_information dfn { font-weight: bold; } .res960 .sub07_03 .personal_information_area .personal_information a { color: #333; } .res960 .sub07_03 .personal_information_area .policy { margin-top: 15px; } .res960 .sub07_03 .personal_information_area .policy dfn { font-weight: bold; color: #386bc4; } .res960 .sub07_03 .personal_information_area .policy span { display: block; line-height: 25px; } /*610*/ .res610 #middle[class^="global_p"] { border: 0 none; color: #333; font-size: 13px; } .res610 #middle[class^="global_p"] > h1 { line-height: 24px; padding: 10px 30px 10px 40px ; font-size: 14px; color: #fff; background: #3e8400 url('../images/global/global_S2.png') no-repeat 10px 12px; } .res610 #middle.global_popup2 > h1 { background: #386bc4 url('../images/global/global_R2.png') no-repeat 10px 12px; } .res610 #middle[class^="global_p"] .container { padding: 20px 10px; *zoom: 1; } .res610 #middle[class^="global_p"] .container:after { display: block; content: ""; clear: both; } .res610 #middle[class^="global_p"] .container .info { margin-bottom: 15px; } .res610 #middle[class^="global_p"] .container .info > dl { position: relative; padding-left: 60px; margin-bottom: 10px; } .res610 #middle[class^="global_p"] .container .info > dl dt { position: absolute; left: 0; top: 0; display: inline-block; *zoom: 1; *display: inline; color: #fff; width: 30px; padding: 0 10px; margin-bottom: 5px; text-align: center; line-height: 19px; font-weight: bold; background: #386BC4; } .res610 #middle[class^="global_p"] .container .info > dl dd { line-height: 19px; } .res610 #middle[class^="global_p"] .container .info > dl dd { line-height: 19px; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; } .res610 #middle[class^="global_p"] .container .info > dl + dl + dl > dd { } .res610 #middle[class^="global_p"] .container .info > dl + dl + dl > dd dl { position: relative; padding-left: 60px; } .res610 #middle[class^="global_p"] .container .info > dl + dl + dl > dd dl dt { padding: 0; width: auto; background: none; color: #333; font-weight: normal; } .res610 #middle.global_popup1 .tit02, .res610 #middle.global_popup1 .bxslider .bx-pager:first-letter { color: #3E8400; } .res610 #middle.global_popup1 .container .info > dl dt { background-color: #3E8400; } .res610 #middle[class^="global_p"] .bxslider .bx-prev { display: none; overflow: hidden; position: absolute; left: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_left.png') no-repeat left 0; } .res610 #middle[class^="global_p"] .bxslider .bx-next { display: none; overflow: hidden; position: absolute; right: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_right.png') no-repeat left 0; } .res610 #middle[class^="global_p"] .container .top { position: relative; padding-left: 0px; margin-bottom: 20px; } .res610 #middle[class^="global_p"] .container .top .thum { position: static; left: 0; top: 0; margin: 0 auto 10px auto; width: 260px; } .res610 #middle[class^="global_p"] .container .top .box { margin-bottom: 0px; } .res610 #middle[class^="global_p"] .container .box { margin-bottom: 20px; } .res610 #middle[class^="global_p"] .container .box h1 { } .res610 #middle[class^="global_p"] .container .box .scroll_y { padding: 10px; max-height: none; line-height: 20px; border: 1px solid #ccc; overflow-y: hidden; } .res610 #middle[class^="global_p"] .container .bxslider { position: relative; width: auto; } .res610 #middle[class^="global_p"] .container .bxslider h1 { margin-bottom: 25px; } .res610 #middle[class^="global_p"] .container .bxslider .bx-wrapper { } .res610 #middle[class^="global_p"] .container .bxslider .thum { width: 100%; } .res610 #middle[class^="global_p"] .container .bxslider .thum img { display: block; width: 100%; height: auto; margin-bottom: 10px; } .res610 #middle[class^="global_p"] .container .bxslider .bx-prev, .res610 #middle[class^="global_p"] .container .bxslider .bx-next { top: 35%; } .res610 #middle[class^="global_p"] .container .bxslider .bx-pager { right: 10px; top: 15px; } /* 450 */ .res450 #middle.recruit #contents.sub04_02_02 .list_welfare { position:relative; width:100%; border-top: 0 none; *zoom:1; } .res450 #middle.recruit #contents.sub04_02_02 .list_welfare:after { content:""; display:block; clear:both; } .res450 #middle.recruit #contents.sub04_02_02 .list_welfare li { float: none; width:237px; margin: 0 auto; border: 0 none; } .res450 #middle.recruit #contents.sub04_02_02 .list_welfare li dl { height:95px; padding-top:170px; padding-right:22px; padding-left:22px; line-height:20px; border: 0 none !important; } .res450 #middle.recruit #contents.sub04_02_02 .list_welfare li dl dt { font-size:16px; margin-bottom:5px; font-weight:bold; } .res450 #middle.company #contents.sub01_04_03 .content_body .wrap_box .sec h3 img { display: block; width: 300px; margin: 0 auto; } .res450 #middle.recruit #contents.sub04_01 .comm dt img { display: block; width: 300px; margin: 0 auto; } .res450 #middle.company #contents.sub01_06_01 .content_body .map_case { width: 225px; margin: 0 auto 20px auto; float: none; } /* sub05_02 홍보자료 */ .res450 .sub05_02 .publicity_area { float: none; width: 300px; position: relative; vertical-align: top; margin: 0 auto 40px auto; padding: 0; *zoom: 1; } .res450 .sub05_02 .publicity_area:after { display: block; content: ""; clear: both; } .res450 .sub05_02 .publicity_area .publicity { *zoom: 1; } .res450 .sub05_02 .publicity_area .publicity:after { display: block; content: ""; clear: both; } .res450 .sub05_02 .publicity_area .publicity dl { float: none; width: auto; font-size: 13px; padding: 7px 0px 8px; border-bottom: 1px solid #e5e5e5; } .res450 .sub05_02 .publicity_area .publicity dl:first-child + dl, .res450 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl, .res450 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl , .res450 .sub05_02 .publicity_area .publicity dl:first-child + dl + dl + dl + dl + dl + dl + dl { float: none; } .res450 .sub05_02 .publicity_area .publicity dl:after { content: ""; clear: both; display: block; } .res450 .sub05_02 .publicity_area .publicity dt { float: left; font-weight: bold; letter-spacing: 0; } .res450 .sub05_02 .publicity_area .publicity dd { float: right; } .res450 .sub05_02 .publicity_area .publicity dd span { padding-right: 20px; background: url("../images/news/bg_line.gif") no-repeat 35px 5px; } .res450 .sub05_02 .publicity_area .publicity a { color: #333; } .res450 .sub05_02 .publicity_area .publicity a:hover, .sub05_02 .publicity_area .publicity a:focus { color: #3668bc; text-decoration: underline; } .res450 .sub05_02 .publicity_area .iframe_area { width: 300px; height: 224px; } .res450 .sub05_02 .publicity_area .iframe_area iframe { width: 100%; margin: 0 auto; } .res450 .sub05_02 .publicity_area .subtitles_area { overflow-y: scroll; width: 278px; height: 88px; margin: 0 auto 20px auto; padding: 10px; border: 1px solid #ccc; } .res450 .sub05_02 .broshure_area { float: none; width: 227px; margin: 0 auto; } .res450 .sub05_02 .broshure_area ul { } .res450 .sub05_02 .broshure_area ul:after { content: ""; clear: both; display: block; } .res450 .sub05_02 .broshure_area ul li { text-align: right; } .res450 .sub05_02 .broshure_area li .thumbnail_img { margin-bottom: 5px; padding: 1px 18px 18px 1px; background: url("../images/news/bg_brochure.jpg") no-repeat; } .res450 .sub05_02 .broshure_area li .thumbnail_img img { vertical-align: top; } .res450 .sub05_02 .broshure_area li span { display: block; font-weight: bold; padding-right: 18px; } .res450 .sub05_02.broshure_area li > span { margin-right: 18px; letter-spacing: 0; } .res450 .sub05_02 .broshure_area li a { display: inline-block; color: #333; margin-left: 15px; line-height: 25px; border: 1px solid #cbcbcb; background: url("../images/news/bg_btn.png") repeat-x; letter-spacing: -1px; } .res450 .sub05_02 .broshure_area li a span { padding: 0 10px 0 30px; background: url("../images/news/bg_btn_ico.png") no-repeat 9px 50%; } .res450 .photo_news .news_area .odd { float: none; margin-top: 35px; width: auto; display:block; } .res450 .photo_news .news_area .even { float: none; margin-top: 35px; width: auto; display:block; } .res450 .bxslider .bx-prev, .res450 .bxslider .bx-next { display: none; } /*150831*/ .res450 .sub01_06_02 .customer_agree_box dl { position: static; padding-left: 0px; } .res450 .sub01_06_02 .customer_agree_box dt { margin-top: 5px; position: static; left: 0; top: 0; }