@charset "UTF-8";
@import url(../common.css);
@import url(./style2.css);
@import url(./style3.css);

.subTit{font-size:30px; color:#222; padding:100px 0 30px; font-weight:500; line-height:1.3}
.subTit2{font-size:26px; color:#222; font-weight:300;}
.subTit3{font-size:30px; color:#222; padding:100px 0 20px; font-weight:500;}
.letterTxt{font-weight:300; line-height:24px; letter-spacing:-0.3px}
.letterTxt2{font-weight:300; line-height:24px; letter-spacing:-0.1px}
/* 2023-09-20 ESG 개편 s */
.subTxt {font-weight: 300; line-height: 26px; color: #666; font-size: 16px; word-break: keep-all;}
.subTxt .blueTxt {color: #062f87;}
/* // 2023-09-20 ESG 개편 e */
.subTxt2{font-weight:300; line-height:26px; color:#333; font-size:16px}

.graphCon{margin-bottom: 20px; float: left; margin-left: 22px;}
.graphCon:first-child{margin-left: 0;}
.graphType1{width:1100px; height:100%; border:1px solid #e8e8e8; box-sizing:border-box; padding:80px; overflow:hidden;}
.graphType1 .graph{width:260px; margin-right:28px; padding-right:40px; border-right:2px solid #f3f3f3; float:left;}
.graphType1 .graph:last-child{margin-right:0; border-right:none; padding-right:0;}
.graphType2{width:539px; height:468px; border:1px solid #e8e8e8; box-sizing:border-box; padding:50px 100px 75px; overflow:hidden;}
.graphType2 .graph{width:270px; margin-right:44px; float:left;}
.graphType2 .graph:last-child{margin-right:0;}
.graphType3{width:1100px; height:100%; border:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden;}
.btn_right{text-align:right;}

.ft14{color:#777; font-size:14px; font-weight:400}
/* 2025-01-22 */
.investDiv{margin-top:100px; width:100%; height:420px; box-sizing:border-box; padding:83px 0 42px}
.investList{display:flex; justify-content: space-between; overflow:hidden; width:1100px}
.investList .invest{float:left; display:block; position:relative; width:25%; height:242px; margin-right:18px; padding-right:18px; box-sizing:border-box}
.investList .invest::after {content: ""; display: block; position: absolute; width: 1px; height: 146px; top:0; right: 0;background-color: #e1e1e1;}
.investList .invest:last-child{margin-right:0; padding-right:0; border-right:none}
.investList .invest img.on{position:absolute; top:0; left:0; opacity:0}
.investList .invest .imgBtn:hover img.on{opacity:1}
.investList .invest .tit{text-align:center; margin-top:20px; font-size:18px; color:#333; font-weight: bold; line-height:24px;}
/* // 2025-01-22 */

.downBox{border:1px solid #e8e8e8; padding:50px 40px; position:relative;}
.downBox .txt{font-size:16px; font-weight:normal; color:#666;}
.downBox .download{position:absolute;top:30px; right:40px;}

.summaryDiv{width:100%; height:3239px; background:url("/pc_eng/common/images/obk/com0101_img1.jpg") no-repeat center center;}/*2025-05-29 */
.summaryDiv .summaryTxt1{position:absolute; top:200px; left:0; width:100%; text-align:center; color:#222; font-size:24px; line-height:33px; font-weight:300;}
.summaryDiv .bold{font-weight:700;}
.summaryDiv .summaryImg1{position:absolute; top:450px; left:-50px;}
.summaryDiv .summaryTxt2{position:absolute; top:670px; left:600px; font-weight:300; color:#444; font-size:24px; line-height:30px;}
/* 2023-07-11 수정 s */
.summaryDiv .summaryTxt3 {position: absolute; top: 1210px; left: 0; font-size: 24px; color: #444; font-weight: 300; line-height: 36px; width: 1100px; overflow: hidden;}
.summaryDiv .summaryTxt3 .taL {float: left; width: 549px; box-sizing: border-box; padding-right: 56px;  border-right: 1px solid #acacaa;}
.summaryDiv .summaryTxt3 .taR {float: right; width: 550px;  box-sizing: border-box; padding-left: 96px;}
.summaryDiv .summaryImg2 {position: absolute; top: 1800px; left: 0;}
.summaryDiv .summaryTxt4 {position: absolute; top: 2300px; left: 0; width: 100%; font-size: 24px; color: #fff; line-height: 34px; text-align: center; font-weight: 300;}
/* // 2023-07-11 수정 e */
.summaryDiv .summaryTxt5{position:absolute; top:2500px; left:0; width: 628px; color:#fff; font-size:24px; line-height:35px; font-weight:300;}
.summaryDiv .summaryTxt6{position:absolute; top:3290px; left:0; width:100%; color:#444; font-size:24px; font-weight:300; line-height:34px; text-align:center;}

/* 2023-01-19 추가 s */
/* 그룹 가치체계 */
.mission_wrap {display: flex; align-items: center; margin: 75px auto;}
.mission_wrap .left {width: 50%; height: 390px; background:#f0f0f0 url("/pc_eng/common/images/obk/com0106_img1.png") center center no-repeat; vertical-align:middle; font-size: 0;}
.mission_wrap .right {width: 50%; padding: 0 50px; vertical-align:middle;}
.mission_wrap .value_tit {margin-bottom: 18px;}
.mission_wrap p {font-size: 24px; font-weight: 600; line-height: 1.5; color: #014099; word-break: keep-all;}
.value_tit {margin-bottom: 30px; font-size: 25px; font-weight: 600; color: #606468;}
.vision_wrap {margin-bottom: 85px;}
.vision_wrap .vision_group {margin:0; padding:0; list-style:none; text-align:center;}
.vision_wrap .vision_group .list_box {position:relative; display: inline-block; width: calc((100% / 3) - 53px); max-width: 320px; margin: 0 25px; vertical-align: top;}
.vision_wrap .vision_group .list_box::before {content:""; position: absolute; top: 104px; left: -112px; z-index: 1; display: block; width: 167px; height: 1px; border-top: 1px dotted #5bd35b;}
.vision_wrap .vision_group .list_box:first-child::before {display: none;}
.vision_wrap .vision_group .img {position: relative; z-index: 1; width: 208px; height: 208px; margin: 0 auto 27px;}
.vision_wrap .vision_group .typo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #fff; font-size: 20px; font-weight: 400; line-height: 1.3;}
.vision_wrap .vision_group p {line-height: 1.5; word-break: keep-all;}
.vision_wrap .vision_group .box1 .img {background: url("/pc_eng/common/images/obk/com0106_img2.png") bottom center no-repeat;}
.vision_wrap .vision_group .box2 .img {background: url("/pc_eng/common/images/obk/com0106_img3.png") bottom center no-repeat;}
.vision_wrap .vision_group .box3 .img {background: url("/pc_eng/common/images/obk/com0106_img4.png") bottom center no-repeat;}
.value_item_wrap .item {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 35px 55px; box-sizing: border-box; border-top: 2px solid #dbdcdc; line-height: 1.5;}
.value_item_wrap .item:last-of-type {border-bottom: 2px solid #dbdcdc;}
.value_item_wrap .item img {width: 85px; margin-right: 80px;}
.value_item_wrap .item .tit {width: 220px; margin-right: 80px; font-weight: 600; color: #014099;}
.value_item_wrap .item .desc {width: calc(100% - 465px);}
/* // 2023-01-19 추가 e */

/* 2021-04-23 수정 */
.vision_sec1{margin:-20px 0 0; width:100%; height:949px; text-align:center; font-size:40px; color:#333; font-weight:300; background:url("/pc_eng/common/images/obk/com0103_img1.jpg") no-repeat center center;}
.vision_sec1 .txt1{padding:135px 0 0; font-size:36px; line-height:50px;}
.vision_sec1 .txt1 span{font-weight:700;}
.vision_sec1 .txt2{font-weight:700;}
.vision_sec1 .img_cont{padding-top:60px; margin:0 auto; width:663px;}
.vision_sec1 .img_cont .floatL{padding-top:40px; width:197px; font-size:30px; line-height:1.3; letter-spacing:-1px;}
.vision_sec1 .img_cont .floatR{padding-top:40px; width:197px; font-size:30px; line-height:1.3; letter-spacing:-1px;}
.vision_sec1 .img_cont .floatL:nth-child(1){width:300px;}
.vision_sec1 .img_cont .floatL:nth-child(2){width:180px;}
.vision_sec1 .img_cont .floatR:nth-child(2){width:255px;}
.vision_sec1 .img_cont .floatL:nth-child(3){width:208px;}
.vision_sec1 .img_cont .floatL span{font-weight:700;}
.vision_sec1 .img_cont .floatR span{font-weight:700;}
.vision_sec1 .txt3{padding-top:170px; font-size:26px; color:#fff; font-weight:700; line-height:1.3;}
.vision_sec2{padding:120px 0 0; text-align:center;  margin:auto; width:1100px;}
.vision_sec2 .txt1{font-size:40px; font-weight:300; color:#333;}
.vision_sec2 .txt2{padding-top:20px; font-weight:300;}
.vision_sec2 .tit_cont{background:#f9f9f9; padding:55px 0;}
.vision_sec2 .tit_cont .txt1{font-weight:700; font-size:40px; color:#42c372;}
.vision_sec2 .tit_cont .txt2{font-weight:300; font-size:40px; color:#333; line-height:1.3;}
.vision_sec2 .tit_cont .txt2 span{font-weight:700;}
.vision_sec2 .txt_cont{margin-top:85px;}
.vision_sec2 .txt_cont .tit{font-weight:700; font-size:40px; color:#333;}
.vision_sec2 .txt_cont .txtBox{margin-top:20px; padding-top:110px; background:url("/pc_eng/common/images/obk/com0103_bg1.png")no-repeat center 0;}
.vision_sec2 .txt_cont .txtBox::after{content:''; display:block; clear:both;}
.vision_sec2 .txt_cont .txtBox .list{float:left; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:350px; min-height:223px; text-align:center; background:#fff;}
.vision_sec2 .txt_cont .txtBox .list:nth-child(1){border:solid 5px #8edbaa;}
.vision_sec2 .txt_cont .txtBox .list:nth-child(2){border:solid 5px #68cf8e;}
.vision_sec2 .txt_cont .txtBox .list:nth-child(3){border:solid 5px #42c372;}
.vision_sec2 .txt_cont .txtBox .list:not(:last-child){margin-right:10px;}
.vision_sec2 .txt_cont .txtBox .list .txt1{position:relative; padding-bottom:20px; margin-bottom:25px;  font-weight:700; color:#333; font-size:22px; line-height:30px;}
.vision_sec2 .txt_cont .txtBox .list .txt1::after{content:''; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:40px; height:3px; background:#333;}
.vision_sec2 .txt_cont .txtBox .list .txt2{padding-top:0; margin:auto; display:inline-block;}
.vision_sec2 .txt_cont .txtBox .list .txt2 li{font-size:14px; line-height:25px; text-align:left;}
.vision_sec2 .img_cont{margin:90px auto 0; width:1100px; height:545px; background:url("/pc_eng/common/images/obk/com0103_img3.gif") no-repeat 0 0;}
/* // 2021-04-23 수정 */
.history_sec1{margin-top:100px; width:100%; height:3027px; background:url("/pc_eng/common/images/obk/com0104_img1.jpg") no-repeat center 0;}
.his_2011{position:relative; padding-top:60px; }
.his_2011 .year_txt{position:absolute; top:154px; left:338px; font-size:70px; color:#333;}
.his_2011 .year_box{float:right; box-sizing:border-box; padding:60px 20px 60px 60px; width:510px; background:#006eb7;}
.his_2001{position:relative; padding-top:60px;}
.his_2001 .year_txt{position:absolute; top:180px; left:590px; font-size:70px; color:#fff;}
.his_2001 .year_box{float:left; box-sizing:border-box; padding:60px 20px 60px 60px; width:510px; background:#6d503e;}
.his_1991{position:relative; padding-top:66px;}
.his_1991 .year_txt{position:absolute; top:200px; left:150px; font-size:70px; color:#fff;}
.his_1991 .year_box{float:right; box-sizing:border-box; padding:60px 20px 60px 60px; width:510px; background:#238f9d;}
.his_1981{position:relative; padding-top:70px;}
.his_1981 .year_txt{position:absolute; top:200px; left:590px; font-size:70px; color:#fff;}
.his_1981 .year_box{float:left; box-sizing:border-box; padding:60px 20px 60px 60px; width:510px; background:#087795;}
.his_1960{position:relative; padding-top:86px;}
.his_1960 .year_txt{position:absolute; top:220px; left:150px; font-size:70px; color:#333;}
.his_1960 .year_box{float:right; box-sizing:border-box; padding:60px 20px 60px 60px; width:510px; background:#535353;}
.history_cont .year_box .list{padding-top:27px; overflow:hidden; color:#fff; font-size:15px;}
.history_cont .year_box .list:first-child{padding-top:0;}
.history_cont .year_box .list .month_cont{float:left; padding-top:15px; width:330px;}
.history_cont .year_box .list .month_cont:nth-child(2){padding-top:0;}
.history_cont .year_box .list .year{float:left; width:80px; font-size:20px; font-weight:300; }
.history_cont .year_box .list .month{float:left; padding-right:5px; font-weight:700;}
.history_cont .year_box .list .detail_txt{float:left; font-weight:300; width:290px;}
.history_cont .year_box .list .detail_txt p{padding-top:10px; letter-spacing:-0.5px;}
.history_cont .year_box .list .detail_txt p:first-child{padding-top:0;}
/* 2025-05-13 obk ceo 페이지 */
.ceo_cont{margin-top:100px; font-family: "HD-Hyundai";}
.ceo_cont .ceo_ttl{font-size: 40px; font-weight: 700; line-height: 1.35; color: #006eb6;}
.ceo_cont .ceo_desc{font-size: 18px; line-height: 1.875; font-weight: 300;}
.ceo_cont .ceo_desc p+p{margin-top: 30px;}
.ceo_img_box{height: 470px; background: url(/pc_eng/common/images/obk/ceo_img.png) no-repeat center / cover; margin: 80px auto 70px;}
.ceo_img_box .ceo_info{display: inline-block; color: #333;font-family: 'NotoSans-Light'; line-height: 1.35;}
.ceo_img_box .ceo_info{margin-left: 348px; margin-top: 90px;}
.ceo_img_box .ceo_info:last-child{margin-left: 290px;}
.ceo_img_box .ceo_info b{display: block; font-size: 22px;    font-weight: 700; padding-top: 18px; font-family: 'NotoSans-Bold';}
/* // 2025-05-13 obk ceo 페이지 */
.network_map{padding-top:100px;}
.network_map .map_list{margin-top:20px;}
.network_map .map_list:first-child{margin-top:0;}
.network_map .map_list_addr{display:table; box-sizing:border-box; padding:0 40px 0 60px; width:100%; height:250px; border:1px solid #e8e8e8;}
.network_map .agency_info{display:table-cell; vertical-align:middle; position:relative; width:820px; font-weight:300;}
.network_map .agency_info .agency_name{font-size:22px; color:#333; font-weight:700;}
.network_map .agency_info .agency_name:after{content:""; display:block; margin-top:15px; width:40px; height:3px; background:#333;}
.network_map .agency_info .subj{display:inline-block; padding-right:10px; width:65px; font-size:14px; color:#333; font-weight:500;}
.network_map .agency_info .map_open{position:absolute; top:55px; right:0; width:130px; height:130px; background:url("/pc_eng/common/images/obk/network_mapBtn_s1.gif") no-repeat 0 0;}
.network_map .agency_info .map_open:hover{background:url("/pc_eng/common/images/obk/network_mapBtn_s2.gif") no-repeat 0 0;}
.network_map .agency_info .map_open.open{background:url("/pc_eng/common/images/obk/network_mapBtn_s3.gif") no-repeat 0 0;}
.network_map .map_open_cont{border:1px solid #e8e8e8; border-top:0;}

.network_jisa_cont .network_jisa{margin-top:20px;}
.network_jisa_cont .network_jisa .jisa_open{display:block; box-sizing:border-box; padding:40px 60px; height:100px; font-size:18px; color:#333; font-weight:700; border:1px solid #e8e8e8; background:url("/pc_eng/common/images/obk/network_jisa_downArrow.gif") no-repeat 1030px 42px #f6f6f6;}
.network_jisa_cont .network_jisa .jisa_info{padding:70px; border:1px solid #e8e8e8; border-top:0; background:#fdfdfd;}
.network_jisa_cont .network_jisa .jisa_info2{padding:40px 60px; font-size:16px; color:#666; line-height:26px; font-weight:300; border:1px solid #e8e8e8; border-top:0; background:#fdfdfd; height:88px; overflow-y:scroll;}
.network_jisa_cont .network_jisa .jisa_open.on{background:url("/pc_eng/common/images/obk/network_jisa_upArrow.gif") no-repeat 1030px 42px #f6f6f6;}
.network_jisa_cont .network_jisa .jisa_info .tit{color:#333; font-size:18px; font-weight:900;}
.network_jisa_cont .addr_cont{position:relative; text-align:left;}
.network_jisa_cont .addr_cont .addr{padding:0 60px 0 20px;}
.network_jisa_cont .addr_cont .map_btn{position:absolute; top:50%; right:10px; transform:translate(0, -50%);}
.find_petrolStation{margin-top:100px; height:400px; text-align:center; background:url("/pc_eng/common/images/obk/com0201_bg.jpg") no-repeat center 0;}
.find_petrolStation .txt1{padding-top:110px; font-size:60px; color:#fff; font-weight:100;}
.find_petrolStation .txt2{padding:130px 0 40px; font-size:30px; color:#fff; font-weight:100; line-height:1.3}
.globalNetwork_bg{margin-top:100px; width:1100px; height:520px; background:url("/pc/common/images/obk/globalNetwork_bg.gif") no-repeat 0 0;}
.globalNetwork_cont .nation{position:relative; float:left; box-sizing:border-box; margin-bottom:20px; padding:70px 20px 70px 60px; width:540px; height:310px; border:1px solid #e8e8e8;}
.globalNetwork_cont .nation:nth-child(2n-2){margin-left:20px;}
.globalNetwork_cont .nation .img_cont{position:absolute; top:31px; left:389px;}
.globalNetwork_cont .nation .agency_name{padding-bottom:20px; font-size:22px; color:#333; font-weight:700;}
.globalNetwork_cont .nation .agency_name:after{content:""; display:block; margin-top:15px; width:40px; height:3px; background:#333;}
.globalNetwork_cont .nation .addr_txt{margin-top:27px;}
.globalNetwork_cont .nation .addr_txt .subj{width:75px; font-size:14px; color:#333; font-weight:700;}
.globalNetwork_cont .nation .addr_txt .addr{width:365px; font-weight:300; line-height:1.3;}
.ethics1{padding-top:100px; font-weight:300; line-height:1.5;}
.ethics2{box-sizing:border-box; padding-top:120px; margin:80px auto 0; height:582px; text-align:center; background:url("/pc_eng/common/images/obk/ethics_img1.gif") no-repeat center 0;}
.ethics2 .txt{padding-top:19px; font-weight:300; color:#555; font-size:30px;}
.ethics2 .list_cont{padding-top:50px; text-align:left; font-weight:300;}
.ethics2 .list_cont .listBox{float:left; padding:30px 0 0 0; width:275px; background:url("/pc_eng/common/images/obk/ico_triangle.png") no-repeat 0 0;}
.ethics2 .list_cont .subj{padding-bottom:20px; font-size:20px; color:#222;}
.ethics2 .list_cont .list_txt{padding-bottom:12px; line-height:1.5}
.ethics3{padding:120px 0 470px; font-weight:300; line-height:1.5; background:url("/pc_eng/common/images/obk/ethics_img3.gif") no-repeat center bottom;}
.ethics4{margin-top:100px; height:400px; text-align:center; background:url("/pc_eng/common/images/obk/ethics_img4.jpg") no-repeat center center;}
.ethics4 .txt1{padding:105px 0 30px; font-weight:100; font-size:30px; color:#fff; line-height:1.3;}
.biz0102_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0102_img1.jpg") no-repeat center center;}
.biz0102_div2{padding-top:120px;}
.biz0102_div2 .img{position:absolute; top:-120px; left:-180px;}
.biz0102_div2 .tit{font-size:50px; font-weight:300; color:#333;}
.biz0102_div2 .txt{font-size:20px; font-weight:300; line-height:30px;}
.biz0102_div3{padding-top:120px;}
.biz0102_div3 .item_cont .item{float:left; width:550px;}
.biz0102_div3 .item_cont .item .txt{padding:25px 30px 0 0; font-weight:300; line-height:1.5;}
.biz0102_div3 .item_cont .item:nth-child(3){margin-top:80px;}
.line_tit{font-size:22px; color:#333; font-weight:700; line-height:26px;}
.line_tit:after{content:""; display:block; margin-top:13px; width:40px; height:3px; background:#333;}
.biz0103_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0103_img1.jpg") no-repeat center center;}
.biz0103_div2{padding-top:100px;}
.biz0103_div2 .item_cont .item{width:1100px; margin-top:80px;}
.biz0103_div2 .item_cont .item .txt{padding-top:25px; font-weight:300; line-height:1.5;}
.biz0103_div2 .item_cont .item .btn_right{text-align:right;}
.biz0103_div2 .item_cont .item:nth-child(1){margin-top:0;}
.biz0103_div2 .aviationView{width:1100px; height:610px; background:url("/pc_eng/common/images/obk/biz0301_img2.jpg") no-repeat; position:relative;}
.biz0103_div2 .aviationView a{position:absolute; width:36px; height:36px; z-index:1;}
.biz0103_div2 .aviationView a:hover{z-index:2;}
.biz0103_div2 .aviationView a.view1{top:341px; left:61px}
.biz0103_div2 .aviationView a.view1 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view1:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view2{top:222px; left:114px}
.biz0103_div2 .aviationView a.view2 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view2:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view3{top:232px; left:310px}
.biz0103_div2 .aviationView a.view3 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view3:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view4{top:255px; left:689px}
.biz0103_div2 .aviationView a.view4 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view4:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view5{top:154px; left:575px}
.biz0103_div2 .aviationView a.view5 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view5:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view6{top:202px; left:625px}
.biz0103_div2 .aviationView a.view6 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view6:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view7{top:193px; left:757px}
.biz0103_div2 .aviationView a.view7 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view7:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view8{top:484px; left:588px}
.biz0103_div2 .aviationView a.view8 .on{position:absolute; top:0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view8:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view9{bottom:199px; right:194px}
.biz0103_div2 .aviationView a.view9 .on{position:absolute; bottom:0; right:0; opacity:0;}
.biz0103_div2 .aviationView a.view9:hover .on{opacity:1;}
.biz0103_div2 .aviationView a.view10{bottom:213px; right:77px}
.biz0103_div2 .aviationView a.view10 .on{position:absolute; bottom:0; right:0; opacity:0;}
.biz0103_div2 .aviationView a.view10:hover .on{opacity:1;}
/* 2023-07-11 추가 s */
.biz0103_div2 .aviationView a.view11 {right: 422px; bottom: 486px;}
.biz0103_div2 .aviationView a.view11 .on {position: absolute; bottom: 0; left:0; opacity:0;}
.biz0103_div2 .aviationView a.view11:hover .on {opacity:1;}
/* // 2023-07-11 추가 e */
.biz0104_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0104_img1.jpg") no-repeat center center;}
.biz0105_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0105_img1.jpg") no-repeat center center;}
.biz0106_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0106_img1.jpg") no-repeat center center;}
.biz0107_div1{width:100%; height:710px; background:url("/pc_eng/common/images/obk/biz0107_img1.jpg") no-repeat center center;}
.biz0107_div2{padding-top:130px; font-size:16px; color:#666; font-weight:300; line-height:24px;}
.biz0107_div2 .gasStation_box{background:url("/pc_eng/common/images/obk/biz0107_img4.jpg") no-repeat center center; width:1100px; height:727px;}
.biz0107_div2 .inner .txt1{color:#333; font-size:50px; font-weight:bold; margin-bottom:28px;}
/* .biz0107_div2 .con1{padding-bottom: 587px; background:url("/pc_eng/common/images/obk/biz0107_img5.jpg") center bottom no-repeat;} 2025-06-09 */
.biz0107_div2 .inner .network_jisa_cont .network_jisa .jisa_info .subTit:nth-child(1){padding:0 0 30px;}
.network_jisa .jisa_info .processDiv .process_con{width:960px; height:178px; position:relative; padding-bottom: 27px; margin-bottom: 27px;}
.network_jisa .jisa_info .processDiv .process_con .process_step{display:table; text-align:center; border-radius:100px; width:152px; height:152px; color:#fff; font-size:15px; font-weight:500; line-height:1.2; background:#0061a6; position:absolute; top:0; left:0;}
.network_jisa .jisa_info .processDiv .process_con .disTable{display:table-cell; vertical-align:middle;}
.network_jisa .jisa_info .processDiv .process_con .process_txt{color:#666; font-size:15px; font-weight:300; line-height:26px; letter-spacing:-0.5px; box-sizing:border-box; padding:0 30px; width:792px; height:200px; border:1px solid #e8e8e8; background:#fff; position:absolute; top:0; right:0; display:table;}
.network_jisa .jisa_info .processDiv .process_con .process_txt .txt{position:relative; padding-left:14px; text-indent: -10px;}
/*.network_jisa .jisa_info .processDiv .process_con .process_txt .txt:after{content:""; display:block; width:4px; height:1px; background:#666; position:absolute; top:13px; left:0;}*/
.network_jisa .jisa_info .processDiv .process_con .process_arrow1{position:absolute; top:76px; left:152px; width:16px; height:1px;}
.network_jisa .jisa_info .processDiv .process_con .process_arrow2{position:absolute; bottom:0; left:57px; width:30px; height:30px;}
.network_jisa .jisa_info .processDiv .process_con:nth-child(2n) .process_step{background:#7ab458;}
.network_jisa .jisa_info .processDiv .process_con.last{height:152px;}
.network_jisa .jisa_info .processDiv .process_con.last .process_step{box-sizing:border-box; border:4px solid #0061a6; background:#fff; color:#333; font-size:15px; line-height:26px; font-weight:bold;}
.network_jisa .jisa_info .processDiv .process_con .process_date{color:#333; width:76px; height:76px; background:#eee; text-align:center; border-radius:100px; display:table; position:absolute; top:62px; right:15px;}
.network_jisa .jisa_info .processDiv .process_con .process_date.fir{top:22px; height:388px; z-index:5;}
.biz0107_div2 .inner .biz0107List{width:960px;}
.biz0107_div2 .inner .biz0107List .list{width:960px; line-height:30px; font-weight:300}
.biz0107_div2 .inner .biz0107List .list .txt1{background:url("/pc_eng/common/images/obk/com0503_icon.gif") no-repeat 0 0; line-height:26px; color:#333; font-size:22px; padding-top:10px; margin-bottom:7px}
.biz0107_div2 .inner .biz0107List .list .txt2{padding-left: 10px; text-indent: -10px;}
.biz0107List .list .safeDiv{width:960px; height:180px; padding:24px 30px 24px; border:1px solid #e8e8e8; background:#fff; box-sizing:border-box; line-height:26px; color:#666; font-size:16px;}
.biz0101_div1{width:100%; height:1359px; padding-top:100px; background:url("/pc_eng/common/images/obk/biz0101_img1.jpg") no-repeat center center; font-weight:300; color:#333; font-size:50px; line-height:60px;}
.biz0101_div1 .txt2{font-size:16px; color:#666; line-height:26px}
.biz0301_div1{width:100%; height:555px; padding-top:155px; background:url("/pc_eng/common/images/obk/biz0301_img1.jpg") no-repeat center center; color:#3f3f3f; font-size:50px; font-weight:300;}
.biz0301_div1 .txt2{font-size:16px; line-height:26px}
.biz0302_div1{width:100%; height:570px; padding-top:140px; background:url("/pc_eng/common/images/obk/biz0302_img1.jpg") no-repeat center center; color:#3f3f3f; font-size:50px; font-weight:300;}
.biz0302_div1 .txt2{font-size:16px; line-height:26px}
.network_jisa .jisa_info .biz_txt1{color:#222; font-size:30px; font-weight:500;}
.network_jisa .jisa_info .biz_txt2{color:#666; font-size:16px; font-weight:300; line-height:24px;}
.network_jisa .jisa_info .mdsdDiv{width:960px; height:89px; background:#efefef; box-sizing:border-box; font-size:14px; color:#888; font-weight:300; line-height:24px; padding:20px 25px; margin-top:17px;}
.mdsd_tabDiv{width:960px; height:493px; position:relative; border-top:1px solid #ddd; box-sizing:border-box;}
.mdsd_tabDiv .tab{float:left; width:240px; color:#333; font-weight:500; height:51px; box-sizing:border-box; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:50px; position:relative;}
.mdsd_tabDiv .tab:nth-of-type(4n) {border-right:1px solid #ddd;}
.mdsd_tabDiv .noTab{float:left; width:240px; height:51px; box-sizing:border-box; border-left:1px solid #ddd; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
.mdsd_tabDiv .tab .on_bg{width:240px; height:52px; position:absolute; top:-1px; left:-1px; background:#006eb7; border:1px solid #005994; box-sizing:border-box; z-index:5; opacity:0;}
.mdsd_tabDiv .tab.on .on_bg{opacity:1; color:#fff; font-weight:700;}
.mdsd_tabDiv .tableType3{position:absolute; top:133px; left:0; width:100%;}
.sitemap_box{width:100%; background:url("/pc_eng/common/images/obk/etc0103_img1.jpg") no-repeat center bottom; margin-top:100px;}
.sitemap_box .sitemap li{border-top:1px solid #f2f2f2; overflow:hidden; padding:40px 0; height:380px; box-sizing:border-box;}
.sitemap_box .sitemap li:nth-child(1){border-top:none; padding:0 0 40px; height:435px;} /* 2022-08-12 수정 */
.sitemap_box .sitemap li:nth-child(3){padding:40px 0 0; height:280px}
.sitemap li .site_tit{float:left; color:#000; font-size:30px; font-weight:100; width:220px}
.sitemap li .site_tit:after{content:""; display:block; margin-top:15px; width:50px; height:4px; background:#000;}
.sitemap li .site_list{float:left; width:880px; overflow:hidden;}
.sitemap li .site_list dl.list{float:left; width:190px;}
.sitemap li .site_list dl.list:nth-child(5){width:120px;}
.sitemap li .site_list dl.list dt a{color:#555; font-size:16px; font-weight:700; margin-bottom:30px; display:block;}
.sitemap li .site_list dl.list dd a{color:#666; font-size:15px; font-weight:300; margin-bottom:15px; display:block;}
.sitemap li .site_list dl.list dd:last-child{margin-bottom:0;}
.gray_box{width:1000px; padding:50px; background:#f7f7f7; font-size:16px; color:#666; font-weight:300; line-height:26px; letter-spacing:-0.9px;}
.gray_box .date{color:#333;}
.personal_info{color:#666; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.8px;}
.personal_info .infoTit{margin:70px 0 30px; color:#000; font-size:20px; font-weight:500; letter-spacing:0;}
.personal_info .infoTit:first-child{margin:45px 0 30px;}
.error_box{width:100%; height:530px; position:relative; padding-top:450px; background:url("/pc_eng/common/images/obk/etc0101_img1.jpg") no-repeat center center; color:#fff; font-size:16px; font-weight:300; line-height:24px;}
.error_box h1.logo{position:absolute; top:72px; left:0; width:100%;}
.error_box .txt1{font-size:36px; font-weight:700; margin-bottom:30px;}
.error_box .go_home_btn a{display:inline-block; font-weight:500; width:210px; height:60px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:20px; padding:18px 0; background:rgba(0, 0, 0, 0.5);}

/* HYUNDAI S-TAR 페이지 2020-02-06 추가 */
.biz0103_div2 .item_cont.hStar .item .title_txt{font-size:22px; color:#222; line-height:24px;}
.biz0103_div2 .item_cont.hStar .item .txt{padding-top:0; font-size:16px; color:#666; text-indent:-10px; margin-left:10px;}
.biz0103_div2 .item_cont.hStar .item .txt.tStyle{text-indent:-16px; margin-left:16px;}
.biz0103_div2 .item_cont.hStar .item .img{text-align:center;}
.biz0103_div2 .item_cont.hStar .item .img img{max-width:100%;}
.item_cont.hStar .visit_list .visit_list_addr .addr_txt span:nth-child(2){margin-left:39px; padding-left:39px;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList{display:block;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList .agency_name{padding-top:40px;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList .addr_txt span:nth-child(2){margin-left: 0; padding-left: 0;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList .addr_txt span:nth-child(3){padding-left: 39px;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList .subj{padding-right:15px;}
.item_cont.hStar .visit_list .visit_list_addr .agency_info.contactList .subC{display:inline-block; width:230px;}
.item_cont.hStar .visit_list .visit_list_addr2{height:215px; padding:0 40px;}
.item_cont.hStar .visit_list .visit_list_addr2 .addr_txt span:nth-child(2):after{display:none;}
.item_cont.hStar .visit_list .visit_list_addr2 .addr_txt span:nth-child(3):after{content: ""; display: block; margin-top: -14px; margin-left: -39px; width: 2px; height: 14px; background: #a9a9a9;}
/* // 2020-02-06 추가 */


/* 2020-06-05 추가 */
/* CI/BI 캐릭터 팝업 */
.charBox{padding-bottom:100px;}
.charBox .char_Box .charBtn a:not(:last-child){margin-right:6px;}
.char_Box .list{position:relative;}
.char_Box .list .charInfo #charImg area:focus{outline:none;}
.char_Box .list .charPop .charPopBox{z-index:9; display:none; position:absolute; top:0; left:0; min-width:300px; padding:30px; border:solid 5px #222; border-radius:0 30px 30px 30px; background:#fff; text-align:left; box-shadow:10px 10px 30px -10px #000;}
.char_Box .list .charPop .charPopBox.dio{position:absolute; top:420px; left:160px;}
.char_Box .list .charPop .charPopBox.gio{position:absolute; top:526px; left:370px;}
.char_Box .list .charPop .charPopBox.kio{position:absolute; top:420px; left:835px; }
.char_Box .list .charPop .charPopBox .tit{margin-left:64px; font-weight:700; font-size:16px; color:#222; line-height:26px; text-indent:-64px;}
.char_Box .list .charPop .charPopBox .txt{margin-left:90px; font-weight:300; font-size:16px; color:#222; line-height:26px; text-indent:-90px;}
.char_Box .list .charPop .charPopBox .txt span{font-weight:700;}
.char_Box .list .charPop .charPopBox .blueTxt{color:#006eb7;}
/* // 2020-06-05 추가 */


/* 2020-07-13 추가*/
/* footer sns */
#footer .footer_util .right_cont{position:relative; float:right;}
#footer .footer_util .right_cont .sns_cont{position:relative; float:left; padding:18px 20px 0}
#footer .footer_util .right_cont .sns_cont .txt{position:absolute; top:25px; left:-20px; font-weight:lighter; color:#fff; font-size:15px; line-height:24px;}
#footer .footer_util .right_cont .sns_cont a{display:inline-block;}
#footer .footer_util .right_cont .sns_cont a:not(:first-child){margin-left:5px;}
/* // 2020-07-13 추가*/


/* 2020-10-08 추가 */
.xteerBox_div:after{content:""; display:block; clear:both;}
.kazenBox_div{position:relative; margin-top:95px;}
.kazenBox_div:after{content:""; display:block; clear:both;}
.kazenBox_div .list{float: left; margin-top:25px;}
.kazenBox_div .list .img{position:relative;}
.kazenBox_div .list .img:after{content:""; display:block; clear:both;}
.kazenBox_div .list .img img{float:left; margin-right:38px;} /* 2023-07-11 수정 */
.kazenBox_div .list .img img:nth-of-type(2n){margin-right:0;}
.kazenBox_div .list .btnArea{text-align:center;}
/* // 2020-10-08 추가 */