@charset "utf-8";

/** ========================================= Quick move =========================================  **/

/* text list */
.quick {overflow:hidden;padding:12px 0 10px 17px;margin-bottom:40px;border:1px solid #7d91a0;background:#fff;}
.quick li {float:left;padding:5px 0;width:50%;}
.quick li a,.quick li span{font-size:14px;line-height:1em;}

/* thumb + text list */
.quick.type_img li{position:relative;width:33.3333%;}
.quick.type_img li img{float:left;width:auto;border:1px solid #eaeaea;box-sizing:border-box;}
.quick.type_img li span{float:left;line-height:1.3em;margin-top:2px;margin-left:8px;}
.quick.type_img li a:hover span{text-decoration:inherit;}
.quick.type_img li.current strong{position:absolute;top:4px;left:0;width:30px; height:30px;border:4px solid #7d909f;}
@media screen and (max-width: 820px) {
	.quick.type_img li{position:relative;width:50%;}
}
.uiMobile .quick_area{display:none;}

/** ========================================= Brand Cues : ci =========================================  **/

.ci-download{margin-top:16px;}
.ci-download dt{float:left;clear:left;}
.ci-download dd{padding-left:140px;}
.ci-download dd a.ico-lnk{margin-top:0;margin-right:15px;}

.uiMobile .ci-download{display:none;}

/** ========================================= Manager Team =========================================  **/

.manager_ui .thumb{float:left;margin-right:16px;}
.manager_ui article h3{margin-bottom:2px;}
.manager_ui article .thumb{display:inline-block;}
.manager_ui .desc h3 + p,
.manager_ui .name h3 + p{font-size:1.214em;}
.manager_ui .desc h4{margin-top:15px;margin-bottom:0;font-size:1.077em;}

/*type01: normal manager + accrdion*/
.manager_ui.manager_type01 .desc{padding-left:176px;}
.manager_ui.manager_type01 .thumb{max-width:160px;}

/*type02: thumb size:Large + accrdion*/
.manager_ui.manager_type02 .thumb{width:50%;box-sizing:border-box;}
.manager_ui.manager_type02 .name{padding-left:50%;box-sizing:border-box;}
.manager_ui.manager_type02 .desc{clear:both;padding-top:16px;}
.manager_ui.manager_type02 a h3{color:inherit;}

/*type03: thumb list + thumb Large + text*/
.manager_ui.manager_type03 .column-block-6 > .column-block-2{margin-top:0;}
.manager_ui.manager_type03 article{overflow:hidden;margin-left:80px;}
.manager_ui.manager_type03 .thumb{float:none;border:1px solid #eaeaea;}
.manager_ui.manager_type03 .thumb img{width:auto;}
.manager_ui.manager_type03 h3{margin-top:8px;}
.manager_ui.manager_type03 h3 + p{line-height:1.2em;}
.uiMobile .manager_ui.manager_type03 article{margin-bottom:20px;margin-left:0;}
.uiMobile .manager_ui.manager_type03 .thumb{float:left;width:auto;}
.uiMobile .manager_ui.manager_type03 .list-thumb-in.mobile-only .thumb{width:100%;margin:0 0 4px 0;box-sizing:border-box;}
.uiMobile .manager_ui.manager_type03 .list-thumb-in.mobile-only .thumb img{width:100%;}
@media screen and (max-width: 420px) {
	.uiMobile .manager_ui.manager_type03 article .thumb{width:50%;}
}


/*type04: thumb size:Large*/
.manager_ui.manager_type04 .thumb{width:50%;box-sizing:border-box;}
.manager_ui.manager_type04 .thumb img{border:1px solid #eaeaea;}
.manager_ui.manager_type04 .name{padding-left:50%;box-sizing:border-box;}
.manager_ui.manager_type04 .desc{clear:both;padding-top:16px;}
.manager_ui.manager_type04 a h3{color:inherit;}

.uiMobile .manager_ui .desc h3 + p{font-size:1em;}
.uiMobile .manager_ui.manager_type04 .list-thumb-in{margin:0 -12px;}
.uiMobile .manager_ui.manager_type04 .column-block{margin-top:0;border-bottom:1px solid #ccc;}
.uiMobile .manager_ui.manager_type04 .column-block:first-child{border-top:1px solid #ccc;}
.uiMobile .manager_ui.manager_type04 .name{padding:0;}
.uiMobile .manager_ui.manager_type04 .thumb,
.uiMobile .manager_ui.manager_type04 .name p{display:none;}
.uiMobile .manager_ui.manager_type04 h3{position:relative;line-height:46px;margin-bottom:0;padding:0 12px;}
.uiMobile .manager_ui.manager_type04 h3:after{content:"";position:absolute;right:12px;top:50%;width:12px;height:18px;margin-top:-9px;background:url(img/ico_arrowL.png) -25px -1px no-repeat;background-size:80px auto;}

/** ========================================= Brands =========================================  **/

.brand_ui>li{padding-bottom:46px;}
.brand_ui>.column-block{margin-top:0;}
.brand_ui>li div{margin-bottom:14px}
.brand_ui>li div img{border:1px solid #ddd;box-sizing:border-box;}
.brand_ui>li h2{margin-bottom:7px;line-height:1.25em;font-size:1.214em;font-weight:bold;font-family:arial;}
.brand_ui p{line-height:1.45em;}

.uiMobile .brand_ui>li{margin-bottom:19px}
.uiMobile .brand_ui>li div{margin-bottom:9px}
.uiMobile .brand_ui>li div img{width:100%}
.uiMobile .brand_ui>li h2{margin-bottom:2px;}

/** ========================================= Vision =========================================  **/

.vision-box{position:relative;max-width:624px;}
.vision-box .slogan{padding:2.8em 0 0;font-size:1.1em;text-align:center;color:#105c83;}
.vision-box .slogan > *{position:relative;}
.vision-box .slogan:before{content:'';position:absolute;top:0;right:13px;width:0;height:0; 
  border-left:233px solid transparent;border-right:233px solid transparent;border-bottom:100px solid #dfdfe1;}
.vision-box .slogan p + p{position:relative;margin:.5em auto 0;padding:.3em 0 0;font-size:.8em;font-weight:normal;color:#596772}
.vision-box .slogan p + p:before{content:'';position:absolute;top:0;left:50%;margin-left:-25%;width:50%;height:1px;background:#b3b7bb}

.vision-box > dl{display:table;width:100%;text-align:center;font-weight:bold;font-size:1.1em;border-spacing:1em 0;border-collapse:separate;}
.vision-box > dl + dl{margin-top:10px;}
.vision-box > dl > dt, .vision-box > dl > dd{display:table-cell;vertical-align:middle;}
.vision-box > dl > dt{width:20%;border-bottom:1px solid #105c83;}
.vision-box > dl > dd{width:80%;}
.vision-box .type1 > dd > ol > li, .vision-box .type1 > dd > ul > li{padding:10px;background:#105c83;color:#fff;border-radius:5px;box-sizing:border-box;}
.vision-box .type2 > dd > dl, .vision-box .type2 > dd > ol > li, .vision-box .type2 > dd > ul > li{padding:10px;background:#d6e3f4;border-radius:5px;box-sizing:border-box;}
.vision-box p.type3{padding:10px;background:#677888;color:#fff;border-radius:5px;}
.vision-box > dl > dd > * + *{margin-top:10px;}
.vision-box > dl > dd > dl > dt{padding-bottom:10px;border-bottom:1px solid #fff;}
.vision-box > dl > dd > dl > dd li{padding:10px;}
.vision-box > dl > dd > dl > dd ol, .vision-box > dl > dd > dl > dd ul{margin-bottom:-10px;border-spacing:0;}
.vision-box > dl > dd > dl > dd ol li:before{content:'1';display:inline-block;width:16px;height:16px;margin:0 3px 0 0;font-size:.8em;line-height:1.4;background:#a1b2c2;color:#fff;vertical-align:middle;border-radius:2px;}
.vision-box > dl > dd > dl > dd ol li + li:before{content:'2'}
.vision-box > dl > dd > dl > dd li + li{border-left:1px solid #fff;}
.vision-box > dl [class*='divide']{display:table;width:106.5%;margin:0 -1em;}
.vision-box > dl [class*='divide'] > *{display:table-cell;vertical-align:middle;}
.vision-box .divide2 > *{width:50%;}
.vision-box .divide3 > *{width:33.3333%;}
.vision-box .broad > *{height:100px;}


.uiMobile .vision-box > dl{font-size:1em;}
.uiMobile .vision-box > dl [class*='divide']{width:110%;}
.uiMobile .vision-box .broad > *{display:block;width:100%;height:auto;}
.uiMobile .vision-box .broad > * + *{margin-top:10px;}
.uiMobile .vision-box .slogan p + p:before{width:96%;margin-left:-48%;}

@media screen and (max-width:768px){
	.vision-box .slogan{width:100%;margin:1em auto;padding:.8em 0;background:#dfdfe1;font-size:1.1em;border-radius:5px;}
	.vision-box .slogan:before{content:initial;}
	.vision-box .slogan p + p{width:90%;font-size:.9em;}
}

/** ========================================= Global Activity (or Global Factories) =========================================  **/

.activity_ui .btn_block {margin-top:0;margin-bottom:20px;padding-top:0;text-align:right;border-top:none;}
.activity_ui article {margin-bottom:16px;}
.activity_ui .desc {padding:23px 16px 34px;}
.activity_ui .desc *{color:#ffffff}
.activity_ui .desc h3 {line-height:1.1em;margin-bottom:6px;font-size:1.714em;}
.activity_ui .desc p.nation {margin-bottom:14px;font-size:1.286em;}
.activity_ui .desc.blue {background:#005b82}
.activity_ui .desc.green {background:#18866b}
.activity_ui .desc.green2 {background:#007934}
.activity_ui .desc.gray {background:#677787}
.activity_ui .desc.puple {background:#6459c4}

.activity_ui .slidebox {position:relative}
.activity_ui .slidebox ul {overflow:hidden;}
.activity_ui .slidebox ul li {float:left}
.activity_ui .slidebox .slideimg {position:relative;}
.activity_ui .bx-wrapper{position:relative;}
.activity_ui a.bx-pager-link{display:inline-block;width:10px;height:10px;margin-left:10px;font-size:0;background:#fff}
.activity_ui a.active{background:#7d91a0}
.activity_ui .bx-pager a:hover{background:#06c}
.activity_ui .bx-pager{position:absolute;bottom:16px;right:16px;z-index:99999;text-align:right}
.activity_ui .bx-pager-item{display:inline}
.activity_ui .bx-controls-direction{position:absolute;top:0;left:-99999px;}

.uiMobile .activity_ui .desc h3{margin-bottom:6px;font-size:1.286em;}
.uiMobile .activity_ui .desc p.nation{margin-bottom:14px;font-size:1.143em;}
.uiMobile .activity_ui .desc p.nation + p{line-height:1.4em;}
.uiMobile .activity_ui .slidebox ul{width:1000%;height:auto}
.uiMobile .activity_ui .slidebox ul li img{width:100%}
.uiMobile .activity_ui .slidebox ul,
.uiMobile .activity_ui .slidebox ul li,
.uiMobile .activity_ui .slidebox ul li img{height:100%;}
.uiMobile .activity_ui .slidebox .slideimg{position:relative;overflow:hidden;width:100%;height:auto}
.uiMobile .activity_ui .bx-controls-direction{height:0;}
.uiMobile .activity_ui .bx-pager{bottom:22px;right:16px;left:inherit}

/** ========================================= Careers : cultivating people =========================================  **/

.talent img{display:inline-block;width:320px;}
.talent .column-block-2{margin-top:19px;}
.talent_cnt h4{line-height:1em;margin-bottom:16px;}
.talent_cnt p{margin-bottom:13px;}
.talent h5 + ul{margin-bottom:13px;}
.talent .partition{clear:both;padding-top:16px;}

@media screen and (max-width: 339px) {
	.talent img{width:100%;}
}

/**.uiMobile .talent img{width:100% !important;}**/
.uiMobile .talent .partition{border-top:none;}

/** ========================================= Global Network =========================================  **/

.network_ui .contents-block{margin-top:0px;}
/* .network_ui img{width:auto !important;} */
.mapSearch_ui{overflow:hidden;margin-bottom:20px;}
.mapSearch_ui ul{position:relative;overflow:hidden;margin-right:92px;margin-left:-4px;}
.mapSearch_ui li{display:table;float:left;padding:0 12px;border-left:1px solid #fff;box-sizing:border-box;}
.mapSearch_ui li:nth-child(1){width:40%;margin-left:0;padding-left:0;border-left:0}
.mapSearch_ui li:nth-child(2){width:23%;}
.mapSearch_ui li:nth-child(3){width:37%;}
.mapSearch_ui li p{display:table-cell;padding:0 4px;vertical-align:bottom;}
.mapSearch_ui li .p_column_1{width:100%;}
.mapSearch_ui li .p_column_2{width:50%;}
.mapSearch_ui label{display:block;height:18px;line-height:1.2em;font-size:0.857em;font-weight:bold;color:#1e1e1e}
.mapSearch_ui select,
.mapSearch_ui input[type=text]{width:100%;}
.mapSearch_ui .btn_block{position:absolute;top:16px;right:16px;margin-top:0;padding:0;border-top:none;}
.mapSearch_ui .btn_block p{float:left;}
.mapSearch_ui .btn_block .type_btn{display:block;width:47px;height:47px;padding:7px;text-indent:-5000px;background-color:#4f5964;background-repeat:no-repeat;}
.mapSearch_ui .btn_mapSearch{background-image:url(img/btn_search_.png);background-position:-52px 8px;}
.mapSearch_ui .btn_mapReset{margin-left:4px;background-image:url(img/btn_search_reset.png);background-position:-50px 0;}
.btn_global_list{overflow:hidden;padding-bottom:16px}
.btn_global_list a{display:block;float:left;min-width:70px;padding:0 12px;min-height:30px;margin-right:2px;border:1px solid #4f5964;line-height:30px;font-size:1em;color:#4f5964 !important;text-align:center}
.btn_global_list a img{display:inline-block;margin-left:6px;vertical-align:middle}
.btn_global_list a.on{background-color:#ededed}
.network_ui .map{overflow:hidden;width:100%;height:452px;margin-bottom:40px;background:#f0f0f0}
.announce{position:absolute;left:-5000px;text-align:center;margin:24px 0;border:2px solid #ccc;background-color:#ebebeb;}
.announce .desc{position:relative;padding:40px 0;font-size:1.143em;}
.announce a{position:absolute;bottom:15px;right:15px;background:url(img/modal_close.png) no-repeat;text-indent:-10000em;height:25px;width:25px;}

.uiMobile .mapSearch_ui{padding:12px;}
.uiMobile .mapSearch_ui ul{float:none;overflow:hidden;margin:0 -4px;}
.uiMobile .mapSearch_ui li{float:left;width:100%;margin:0 0 5px 0;padding:0;border:none;}
.uiMobile .mapSearch_ui li:first-child select + label + select{float:right;}
.uiMobile .mapSearch_ui li.posi input{text-indent:6px;box-sizing:border-box;}
.uiMobile .mapSearch_ui select,
.uiMobile .mapSearch_ui input[type=text]{width:100%;height:28px;margin:0;line-height:28px;}
.uiMobile .mapSearch_ui .btn_block{position:static;margin:0 -4px;text-align:center;}
.uiMobile .mapSearch_ui .btn_block p{width:50%;padding:4px 4px 0 4px;box-sizing:border-box;}
.uiMobile .mapSearch_ui .btn_block .type_btn{margin:0;padding:0;text-indent:0;background-image:none;}
.uiMobile .mapSearch_ui .type_btn{width:100%;height:inherit;color:#fff !important;border:none !important;}
.uiMobile .mapSearch_ui label,
.uiMobile #networkListTable #noResult .first,
.uiMobile #networkListTable #noResult td,
.uiMobile .announce{display:none;}
.uiMobile #networkListTable #noResult .last{display:table-cell;text-align:center;}
.uiMobile .network_ui .map{display:none;overflow:hidden;width:100%;height:200px;margin-bottom:20px;background:#f0f0f0;}

/* network :table */
.network_ui .thumb + p{margin-top:20px;}
.network_ui .data_table thead th{padding:6px 8px 7px;}
.network_ui .data_table thead th.first{padding-left:12px;}
.network_ui .data_table tbody th,
.network_ui .data_table tbody td{vertical-align:middle;word-break:break-word;}
.network_ui .data_table tbody th img{display:inline-block;margin-right:6px;vertical-align:middle}
.network_ui .data_table tbody th img + img{margin-left:-2px;}
.network_ui .data_table tbody td.no_result_txt{text-align:left;}
.network_ui .data_table .adress li{padding-left:8px;text-indent:-8px;}

.uiMobile .network_ui .data_table tbody th,
.uiMobile .network_ui .data_table tbody td{padding:3px 12px;font-size:1em;}
.uiMobile .network_ui .btn_global_list{display:none !important}
.uiMobile .network_ui .data_table .adress{margin-top:7px;}
.uiMobile .network_ui .data_table tr:last-child th,
.uiMobile .network_ui .data_table tr:last-child td{padding-bottom:5px}

.network_ui .phone{margin:0;}
.uiWeb .network_ui .chain_store{display:none;}

/* pop up :map detial */
.uiWeb .pop_map{display:none;position:absolute;left:50%;width:640px;margin-left:-344px;z-index:20000;background:#fff;padding:24px}
.uiWeb .pop_map h1{font-size:22px;margin-bottom:15px;color:#1e1e1e;}
.uiWeb .pop_map .traffic{margin-top:18px}
.uiWeb .pop_map dl{margin-bottom:10px;line-height:1.6em}
.uiWeb .pop_map dt{font-weight:bold}
.uiWeb .pop_map .btn_block{border:0;margin:38px 0 0 0;border-top:1px solid #90a3af}
.uiWeb .pop_map .close{position:absolute;right:24px;top:0;width:25px;height:25px;text-indent:-10000em;background:url(img/modal_close.png) no-repeat;cursor:pointer}
.uiWeb .pop_map .close:hover{background-position:0 -25px}
.uiWeb #shadowFrame{position:absolute;top:0;left:0;width:100%;background:#000;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;z-index:10000;zoom:1}

.uiMobile .btn_mapSearch:hover,.uiMobile .btn_mapReset:hover{background-color:#4F5964}
.uiMobile .contactus_ui li,.uiMobile .contactus_ui #part{margin-bottom:8px}
.uiMobile .tbl_limit{margin-bottom:3px;line-height:16px;text-align:right;font-size:11px}

/** ========================================= HR System =========================================  **/

.hr_system p.strong{font-weight:bold;}
.hr_system p.desc{margin-top:8px;}

/** ========================================= IR =========================================  **/

/* stock_chart(governance > Matters on Stocks) */
.stock_chart{text-align:center;}
.stock_chart img{display:inline-block;}
.stock_chart .caption{margin-top:10px;}

@media screen and (min-width: 382px) and (max-width: 788px) {
.uiMobile .stock_chart img{ width:auto !important;}}

/* flow_ui(governance > Audit Committee) */
.flow_ui {overflow:hidden;}
.flow_ui .flow_item {float:left;border:2px solid #7d91a0;background:#7d91a0;box-sizing:border-box;}
.flow_ui .flow_item dt,.flow_ui .flow_item dd{display:table;width:100%;box-sizing:border-box;}
.flow_ui .flow_item dt span,.flow_ui .flow_item dd span{display:table-cell;height:100%;vertical-align:middle;}
.flow_ui .flow_item dt{height:70px;text-align:center;font-weight:700;background:#7d91a0;vertical-align:middle;color:#fff;}
.flow_ui .flow_item dd{height:70px;text-align:center;padding:5px 10px;background:#fff;vertical-align:middle;}
:lang(en) .flow_ui .flow_item dd{height:115px;}
.flow_ui .flow_arrow {float:left;width:6%;height:144px;text-align:center; }
.flow_ui .flow_arrow .ico_arrowL { position:relative; top:50%; margin-top:-17px;}
.flow_ui.item4 .flow_item{width:20.5%;}/*flow_item이 4개일 경우*/
.flow_ui.item5 .flow_item{width:15.2%;}/*flow_item이 5개일 경우*/

.uiMobile .flow_ui .flow_item {float:none;width:100%;}
.uiMobile .flow_ui .flow_item dt, .uiMobile .flow_ui .flow_item dd{height:auto;}
.uiMobile .flow_ui .flow_item dt span, .uiMobile .flow_ui .flow_item dd span{padding:6px 0;}
.uiMobile .flow_ui .flow_arrow {float:none;width:100%;height:auto;}
.uiMobile .flow_ui .flow_arrow .ico_arrowL {margin:4px 0;background-position:-40px -40px;}

.graph .tree { position:absolute; left:0; top:0; z-index:1; }
.graph .tree span { position:absolute; display:block; margin-top:10px; width:176px; text-align:center; line-height:14px; font-weight:bold; }

/* graph_ui(Financial Information > Financial Highlights) */
.graph_ui{display:table;}
.graph_ui>[class*="column-block"]{display:table-cell;float:none;width:auto;vertical-align:bottom;}
.graph_ui .graph_img img{border:1px solid #e3e3e3;box-sizing:border-box;}
.graph_ui .marker{font-size:0.857em;}
.graph_ui .marker li{line-height:1.3em;margin-top:5px;padding-left:16px;text-indent:-16px;box-sizing:border-box;}
.graph_ui .marker img{display:inline-block;position:relative;top:-1px;width:12px;margin-right:4px;vertical-align:middle;}

.uiMobile .graph_ui{display:block;}
.uiMobile .graph_ui>[class*="column-block"]{display:block;float:none;width:auto;vertical-align:bottom;}
.uiMobile .graph_ui .marker[class*="align-"]{margin-top:-8px;}
.uiMobile .graph_ui .marker[class*="align-"] li{float:left;}
.uiMobile .graph_ui .marker.align-2 li{width:50%;}
.uiMobile .graph_ui .marker.align-3 li{width:33.3333%;}

/* IR Calendar */
.ir-calendar-list {margin-top:70px;}
.ir-calendar-list dt {font-weight:bold;font-size:1.286em;position:relative;padding-left:20px;margin-bottom:8px;}
.ir-calendar-list dt:before {content:"\318d";position:absolute;left:0;top:0;}
.ir-calendar-list dd {padding-left:20px;position:relative;}/* 0713 수정 */
.ir-calendar-list dd .bar {position:absolute;left:6px;top:0;width:5px;height:100%;}/* 0713 추가 */
.ir-calendar-list dd li:first-child {font-weight:700;}/* 0713 수정 */
.ir-calendar-list dt {margin-top:20px;}
.ir-calendar-list dt:first-of-type {margin-top:0;}

.uiMobile .ir-calendar-list{margin-top:24px;}
.uiMobile .ir-calendar-list dt{font-size:1.143em;}

/** ========================================= paragraph_ui (privacy / terms / creed ...) =========================================  **/

.sign{line-height:1.4em;font-size:1.214em;color:#1e1e1e;}
.sign img{width:70px !important;margin-top:13px;}

.paragraph_ui .column-block p{margin-bottom:13px;}
.paragraph_ui .column-block p:last-child{margin-bottom:0;}
.paragraph_ui .partition{clear:both;padding-top:20px !important;}
.paragraph_ui p.strong{padding:16px;background-color:#ebebeb;font-style:italic;color:#1e1e1e;font-size:15px;}
.paragraph_ui p + ul{margin-top:15px;}
.paragraph_ui p + ul li{margin-bottom:10px;}
.paragraph_ui p + ul li:last-child{margin-bottom:0;}
.paragraph_ui ul.type_bullet.dot_type li{margin-bottom:4px;}
.paragraph_ui ul.type_bullet.dot_type.gap li{margin-bottom:15px;}
.uiMobile .paragraph_ui .partition{padding-top:18px;}
.uiMobile .paragraph_ui .column-block{margin-top:18px;}

/** ========================================= generator_list =========================================  **/
.generator_group{width:100%;overflow:hidden;*zoom:1;}
.generator_list{margin:0 -8px;border-bottom: 1px solid #7d91a0;}
.generator_list:before,.generator_list:after{display:table;line-height:0;content:"";}
.generator_list:after{clear:both;}

.generator_list > li{float:left;width:224px;margin:0 8px 31px;}
.generator_list .hide_text{display:none;}
.generator_list .visual_cont{display:block;margin:0 0 8px;padding-left:3px;font-weight:bold;font-size:1.25em;}
.generator_list .img_line{position:relative;border:1px solid #ddd;}
.generator_list .img_line:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;}
.generator_list .img_line:hover:after{width:218px;height:120px;border:3px solid #0066cc}
.generator_list .img_line input[type='checkbox']{position:absolute;top:10px;left:10px;z-index:5;}
.generator_list .img_line img{height:124px;}
.generator_list li ul{margin:17px 0 0;color:#1e1e1e}
.generator_list li ul li .detailed_txt{float:right;}
.generator_list li ul li{width:100%;overflow:hidden;}
.generator_list li ul li + li{margin:2px 0 0;}

.uiMobile .generator_list{margin:0;}
.uiMobile .generator_list .visual_cont{position:absolute;bottom:0;font-size:1em;font-weight:normal}
.uiMobile .generator_list > li{position:relative;width:48%;margin:0 0 10px;padding:0 0 35px;box-sizing:border-box;}
.uiMobile .generator_list > li:nth-child(odd){clear:left;}
.uiMobile .generator_list > li:nth-child(even){margin-left:4%;}
.uiMobile .generator_list li ul{display:none;}
.uiMobile .generator_list .img_line:hover:after{content:initial}
.uiMobile .generator_list .img_line input[type='checkbox']{visibility:hidden;}
.uiMobile .generator_list .img_line img{height:auto;}

/** ========================================= benefit =========================================  **/
.benefits_ui .column-block-3.partition{margin-top:40px;padding-top:40px;}
.benefits_ui h4{margin-top:17px;margin-bottom:3px;font-size:1.077em;font-weight:600}

.hirsystem_ui p + p{margin-top:16px;}


.uiWeb .landing-contents-type01 h2 + p{min-height:40px;}
.uiWeb .landing-contents-type01 h2 + p + *{display:inline-block;margin-top:20px;}
.uiWeb .landing-contents-type01 .thumb{display:block;margin-bottom:10px;}
.uiWeb .landing-contents-type01 .thumb img{max-width:303px;max-height:171px;}
.uiWeb .landing-contents-type01 .video .caption{padding-top:10px}
.uiWeb .diesel + .inner-wrap .landing-contents-type01 h2 + p{min-height:60px;}

.uiWeb .landing-contents-type01.banner{padding:10px 12px 13px 12px;border:1px solid #bec8cf;}
.uiWeb .landing-contents-type01.banner h2{font-size:1.3em}
.uiWeb .landing-contents-type01.banner .thumb{float:left;margin:0 12px 0 0;}
.uiWeb .landing-contents-type01.banner .thumb + p{font-size:12px;line-height:1.5;color:#4f5964}

.uiWeb .media_ui .list{clear:both;position:relative;padding:16px 50px 16px 0;border-bottom:1px solid #7d91a0;*zoom:1;}
.uiWeb .media_ui .list:after{display:table;clear:both;line-height:0;content:"";}
.uiWeb .media_ui .list .mob_tit{display:none;}
.uiWeb .media_ui .list .type_btn{position:absolute;top:16px;right:0;}

.uiWeb .media_ui .list .thumb{float:left;width:224px;margin-right:16px;}

.material_ui .thumb-area{width:66.667%;} /* 47.542% */
.material_ui .thumb-area + *{width:33.333%;}



/* content : brochure */

.uiWeb .brochure_ui p{margin-bottom:19px}
.uiWeb .brochure_ui .first_brochure_area{border-top:2px solid #505960}
.uiWeb .brochure_ui dl{clear:both;padding:9px 0 8px 8px;border-bottom:1px solid #7d91a0}
.uiWeb .brochure_ui dl:after{display:table;clear:both;line-height:0;content:"";}
.uiWeb .brochure_ui dl dt{float:left;width:216px;font-size:1.05em;font-weight:bold;color:#1e1e1e}
.uiWeb .brochure_ui dl dd{float:left;width:224px;margin-left:16px}
.uiWeb .brochure_ui dl .two_block{width:672px}

.uiMobile .brochure_ui p{font-size:14px}
.uiMobile .brochure_ui dl{margin-bottom:24px;padding-top:12px;border-top:2px solid #4f5964}
.uiMobile .brochure_ui dl dt{padding:0 0 10px 8px;font-size:14px;color:#1e1e1e;border-bottom:1px solid #4f5964;font-weight:bold;}
.uiMobile .brochure_ui dl dd{padding:10px 0 10px 8px;border-bottom:1px solid #7d91a0}
.uiMobile .brochure_ui .del{display:none}
.uiMobile .brochure_ui .m_bottom{margin:0}

/* terms */
.terms .navi_type01 li a{font-size:1em;}
.terms .navi_cont > * {padding-top:20px}
.terms p + .navi_type01 {margin-top:18px;}
.terms * + p, .terms * + .type_bullet {margin-top:16px;margin-bottom:16px;}
.terms table {margin:10px 0 20px;}


.compare_area{display:none;}

.btn_compare:after{content:"";display:inline-block;width:8px;height:6px;margin:-1px 0 0 5px;background:url(../../../css/img/ico_arrow.png) -21px -12px no-repeat;vertical-align:middle}
.btn_compare.on:after{background-position:-1px -11px;}

.generator_cont .btn_area02 {margin-top:15px}
.uiWeb .generator_cont .btn_area02 div{display:inline-block;float:right}
.uiWeb .generator_cont .btn_area02 .txt_info{display:inline-block;float:left;padding-top:6px}
.uiWeb .generator_cont .btn_area02 .btn_type03{float:left;margin-left:8px;font-size:13px}

/* summary : thumbnail + description */
.summary + .summary{margin-top:52px;}
.summary .contents-type01 .thumb-area{width:49.8%;}
.summary .contents-type01 .thumb-area + *{width:50.2%}
.summary .thumb-area img{border:1px solid #dedede}
.summary table.type_dot tbody tr th, .summary table.type_dot tbody tr td{padding-top:9px;padding-bottom:9px;}
.summary table.type_dot tbody tr td{text-align:right;}
.summary .ico-lnk.download{display:block;}

h2 ~ h2, h3 ~ h3, p ~ h3, .thumb + h4{margin-top:40px;} /* 54px */
h4 ~ h4, p + h4{margin-top:24px;}
h5{font-weight:normal;font-size:1em;}
h5 ~ h5{margin-top:18px;}
.thumb_area + p{margin-top:20px;}

sup{line-height:1;font-size:10px;}

.type_bullet + .type_bullet, p + .type_bullet, .type_bullet + p, .type_bullet + .type_dot{margin-top:18px}

.history_desc + .history_desc{margin-top:35px;padding-top:35px}
.history_desc li{padding-left:80px;}
.history_desc h4{display:inline-block;text-indent:-80px}

.quality_list{margin:0 -8px 36px;text-align:center;}
.quality_list .column-block{margin-top:5px;font-weight:bold;font-size:.9em;}
.quality_list img{margin:0 0 8px;border:1px solid #ddd}

.material_ui.merit .video{width:75%;}

.find_ui .product_cont{position:relative;/*min-height:209px;*/padding:16px 0 14px;border-top: 2px solid #4f5964;}
.find_ui .product_cont ul{position:relative;/* overflow:hidden; */}
.find_ui .product_cont ul:after{display:table;line-height:0;content:"";}
.find_ui .product_cont ul li{display:inline-block;}
.find_ui .product_cont ul li + li{margin-left:6px;}
.find_ui .product_cont ul li label{display:inline-block;position:relative;width:132px;height:36px;overflow:hidden;line-height:36px;color:#4f5964;border:1px solid #4f5964;background-color:#fff;text-align:center;}
.find_ui .product_cont ul li label input[type='radio']{position:absolute;left:-10000em;}
.find_ui .product_cont ul li label:hover{cursor:pointer;}
.find_ui .product_cont ul li label.on{color:#fff;border:1px solid #4f5964;background-color:#4f5964;}
.find_ui .product_cont ul li label + div{display:none;position:absolute;left:0;width:100%;margin-top:20px;padding-top:10px;border-top:1px dotted #cacaca}
.find_ui .product_cont > ul > li:first-child > label + div{display:block;}
.find_ui .product_cont p + ul{margin-top:5px;}

.uiMobile .find_ui .product_cont ul li{width:48.5%;}
.uiMobile .find_ui .product_cont ul li:nth-child(odd){margin-left:0;}
.uiMobile .find_ui .product_cont ul li:nth-child(even){margin-left:1%;}
.uiMobile .find_ui .product_cont ul li label{width:100%;box-sizing:border-box;}

.product_select_ui{position:relative;overflow:hidden;padding:16px 67px 16px 0;margin-bottom:40px;background:#ddd}
.product_select_ui ul:after{display:table;line-height:0;content:"";}
.product_select_ui ul li{float:left;position:relative;width:21%;padding:0 2%;}
.product_select_ui ul li + li:before{content:'';position:absolute;top:0;left:0;height:100%;border-left:1px solid #fff}
.product_select_ui ul li label{display:block;margin:0 0 5px;font-weight:600;font-size:1.1em;color:#1e1e1e}
.product_select_ui ul li select{width:100%;border-color:inherit;}
.product_select_ui input[type='submit']{position:absolute;top:16px;right:16px;width:57px;height:55px;margin:0;font-size:13px;text-align:center;background:#4f5964;}

.uiMobile .product_select_ui{padding:16px;}
.uiMobile .product_select_ui ul li{float:none;width:auto;padding:0;}
.uiMobile .product_select_ui ul li + li{margin-top:12px;}
.uiMobile .product_select_ui input[type='submit']{position:static;width:100%;height:30px;margin-top:12px;box-sizing:border-box;color:#fff;}
.uiMobile .product_select_ui ul li + li:before{content:initial;}


.tb_chk{width:9%;}
.tb_name{width:10%;}
.tb_cylinder{width:12%;}
.tb_output{width:14%;}
/* .tier4_ui .tb_tit{width:8.6%;} */
/* .tier4_ui .tb_spec{width:12.2%;} */
.tier4_ui .tb_tit{width:82px;}
.tier4_ui .tb_desc{width:160px;}
.tier4_ui .tb_spec{width:117px;text-align:center;}
.tier4_ui .type_dot{table-layout:fixed;}
.tier4_ui .tier4_cont{margin:20px 0 0;}
.tier4_ui .tier4_cont + .tier4_cont ~ *{margin-top:40px;}
.tier4_ui .tier4_cont dt{margin-bottom:25px;}
.tier4_ui .tier4_cont dt strong{font:1.7em "Rix";}
.tier4_ui .tier4_cont img{border:1px solid #dddddd}

.align_t{vertical-align:top;}
.align_m{vertical-align:middle;}
.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}

.uiMobile .find_ui .search_area{padding:16px 52px 16px 16px;}
.uiMobile .find_ui .search_area label{display:none;}
.uiMobile .find_ui .board_search label + input[type=text]{margin:0;}
.uiMobile .find_ui .board_search input[type=text]{height:26px;}
.uiMobile .find_ui .board_search .btn_search{top:16px;right:16px;width:30px;height:30px;background-position:2px 2px;}


.layer{display:none;}
.layer:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=80);opacity:0.8;z-index:100;}
.layer .frame{position:absolute;top:50%;left:50%;background:#fff;padding:24px;z-index:101;box-sizing:border-box;}
.layer .tit{font-size:22px;margin-bottom:21px;padding-bottom:16px;border-bottom:2px solid #4f5964;color:#1e1e1e}
.layer .tit_s{font-size:16px;font-family:inherit;}
.layer p + .tit_s{margin-top:35px;}
.layer .btn_block{margin-top:23px;}
.layer .close{position:absolute;right:24px;top:0;width:25px;height:25px;text-indent:-10000em;background:url(../../../../../../../engine/common/img/video_close.html) no-repeat;cursor:pointer}

.uiMobile .msg_touch_help{top:20%}

.uiMobile .column-block-3 .column-block .dlinks {margin:0;}

/* error page */
.error-wrap-txt ~ .related .thumb{position:relative;}
.error-wrap-txt ~ .related .thumb a:after{content:attr(data-attr);display:none;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:#000;background:rgba(0,0,0,.5);text-align:center;font:1.5em/150px 'Rix';}
.error-wrap-txt ~ .related .thumb a:hover:after{display:block;}

a[target="_blank"]:not(.ico-lnk){position:relative;padding-right:21px}
a[target="_blank"]:not(.ico-lnk):after{content:"";position:absolute;width:14px;height:14px;right:0;top:3px;}

.go-links{position:relative;display:block !important;padding:0 62px 0 0;}
.go-links select{width:100%;height:30px;}
.go-links button{position:absolute;top:0;right:0;}




.tier4_merit{position:relative;height:441px;background:url('../../../img/diesel/bg_tier4_merit.html') no-repeat 0 10px;}
.tier4_merit .btn_area{display:table;position:absolute;width:182px;height:68px;padding:0 5px;background:#fff;border:2px solid #7d91a0}
.tier4_merit .merit_list_01 .btn_area{top:32px;left:517px;}
.tier4_merit .merit_list_02 .btn_area{top:169px;left:581px;}
.tier4_merit .merit_list_03 .btn_area{top:289px;left:500px;}
.tier4_merit .merit_list_04 .btn_area{top:32px;left:0px;}
.tier4_merit .merit_list_05 .btn_area{top:283px;left:12px;}
.tier4_merit .btn_area:hover, .tier4_merit .btn_area:active{background:#0018a8;color:#fff;text-decoration:none;}
.tier4_merit .btn_area span{display:table-cell;text-align:center;vertical-align:middle;font-size:1.2em;font-weight:bold;}
.tier4_merit .layer .frame{width:624px;padding:24px;}

<!-- /////////////////////////////////////////////////// -->
.find_ui .product_cont + .product_cont{border-top:1px dotted #cacaca;}
.etc_find_btn{margin-top:13px;}
.etc_find_btn input[type='button']{width:132px;height:36px;color:#4f5964;border:1px solid #4f5964;background-color:#fff;}
.etc_find_btn input[type='button'].on{color:#fff;border:1px solid #4f5964;background-color:#4f5964;}
.etc_find_btn input[type='button'] + input[type='button']{margin-left:8px;}
.find_ui .search_txt{margin-bottom:60px;padding:0 0 40px 20px;border-bottom:1px solid #7d91a0;}

/** ========================================= Global Network =========================================  **/

.network_ui .contents-block{margin-top:0px;}
.network_ui img{width:auto !important;}
.mapSearch_ui{overflow:hidden;margin-bottom:20px;display:none;}
.mapSearch_ui ul{position:relative;overflow:hidden;margin-right:92px;margin-left:-4px;}
.mapSearch_ui li{display:table;float:left;padding:0 12px;border-left:1px solid #fff;box-sizing:border-box;}
.mapSearch_ui li:nth-child(1){width:40%;margin-left:0;padding-left:0;border-left:0}
.mapSearch_ui li:nth-child(2){width:23%;}
.mapSearch_ui li:nth-child(3){width:37%;}
.mapSearch_ui li p{display:table-cell;padding:0 4px;vertical-align:bottom;}
.mapSearch_ui li .p_column_1{width:100%;}
.mapSearch_ui li .p_column_2{width:50%;}
.mapSearch_ui label{display:block;height:18px;line-height:1.2em;font-size:0.857em;font-weight:bold;color:#1e1e1e}
.mapSearch_ui select,
.mapSearch_ui input[type=text]{width:100%;}
.mapSearch_ui .btn_block{position:absolute;top:16px;right:16px;margin-top:0;padding:0;border-top:none;}
.mapSearch_ui .btn_block p{float:left;}
.mapSearch_ui .btn_block .type_btn{display:block;width:47px;height:47px;padding:7px;text-indent:-5000px;background-color:#4f5964;background-repeat:no-repeat;}
.mapSearch_ui .btn_mapSearch{background-image:url(img/btn_search_.png);background-position:-52px 8px;}
.mapSearch_ui .btn_mapReset{margin-left:4px;background-image:url(img/btn_search_reset.png);background-position:-50px 0;}
.btn_global_list{overflow:hidden;padding-bottom:16px}
.btn_global_list a{display:block;float:left;min-width:70px;padding:0 12px;min-height:30px;margin-right:2px;border:1px solid #4f5964;line-height:30px;font-size:1em;color:#4f5964 !important;text-align:center}
.btn_global_list a img{display:inline-block;margin-left:6px;vertical-align:middle}
.btn_global_list a.on{background-color:#ededed}
.network_ui .map{overflow:hidden;width:100%;height:452px;margin-bottom:40px;background:#f0f0f0}
.announce{position:absolute;left:-5000px;text-align:center;margin:24px 0;border:2px solid #ccc;background-color:#ebebeb;}
.announce .desc{position:relative;padding:40px 0;font-size:1.143em;}
.announce a{position:absolute;bottom:15px;right:15px;background:url(img/modal_close.png) no-repeat;text-indent:-10000em;height:25px;width:25px;}

.uiMobile .mapSearch_ui{padding:12px;}
.uiMobile .mapSearch_ui ul{float:none;overflow:hidden;margin:0 -4px;}
.uiMobile .mapSearch_ui li{float:left;width:100%;margin:0 0 5px 0;padding:0;border:none;}
.uiMobile .mapSearch_ui li:first-child select + label + select{float:right;}
.uiMobile .mapSearch_ui li.posi input{text-indent:6px;box-sizing:border-box;}
.uiMobile .mapSearch_ui select,
.uiMobile .mapSearch_ui input[type=text]{width:100%;height:28px;margin:0;line-height:28px;}
.uiMobile .mapSearch_ui .btn_block{position:static;margin:0 -4px;text-align:center;}
.uiMobile .mapSearch_ui .btn_block p{width:50%;padding:4px 4px 0 4px;box-sizing:border-box;}
.uiMobile .mapSearch_ui .btn_block .type_btn{margin:0;padding:0;text-indent:0;background-image:none;}
.uiMobile .mapSearch_ui .type_btn{width:100%;height:inherit;color:#fff !important;border:none !important;}
.uiMobile .mapSearch_ui label,
.uiMobile #networkListTable #noResult .first,
.uiMobile #networkListTable #noResult td,
.uiMobile .announce{display:none;}
.uiMobile #networkListTable #noResult .last{display:table-cell;text-align:center;}
.uiMobile .network_ui .map{display:none;overflow:hidden;width:100%;height:200px;margin-bottom:20px;background:#f0f0f0;}

/* network :table */
.network_ui .data_table thead th{padding:6px 8px 7px;}
.network_ui .data_table thead th.first{padding-left:12px;}
.network_ui .data_table tbody th,
.network_ui .data_table tbody td{vertical-align:middle;word-break:break-word;}
.network_ui .data_table tbody th img{display:inline-block;margin-right:6px;vertical-align:middle}
.network_ui .data_table tbody th img + img{margin-left:-2px;}
.network_ui .data_table tbody td.no_result_txt{text-align:left;}
.network_ui .data_table .adress li{padding-left:8px;text-indent:-8px;}

.uiMobile .network_ui .data_table tbody th,
.uiMobile .network_ui .data_table tbody td{padding:3px 12px;font-size:1em;}
.uiMobile .network_ui .btn_global_list{display:none !important}
.uiMobile .network_ui .data_table .adress{margin-top:7px;}
.uiMobile .network_ui .data_table tr:last-child th,
.uiMobile .network_ui .data_table tr:last-child td{padding-bottom:5px}

/* pop up :map detial */
.uiWeb .pop_map{display:none;position:absolute;left:50%;width:640px;margin-left:-344px;z-index:20000;background:#fff;padding:24px}
.uiWeb .pop_map h1{font-size:22px;margin-bottom:15px;color:#1e1e1e;}
.uiWeb .pop_map .traffic{margin-top:18px}
.uiWeb .pop_map dl{margin-bottom:10px;line-height:1.6em}
.uiWeb .pop_map dt{font-weight:bold}
.uiWeb .pop_map .btn_block{border:0;margin:38px 0 0 0;border-top:1px solid #90a3af}
.uiWeb .pop_map .close{position:absolute;right:24px;top:0;width:25px;height:25px;text-indent:-10000em;background:url(img/modal_close.png) no-repeat;cursor:pointer}
.uiWeb .pop_map .close:hover{background-position:0 -25px}
.uiWeb #shadowFrame{position:absolute;top:0;left:0;width:100%;background:#000;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;z-index:10000;zoom:1}

.uiMobile .btn_mapSearch:hover,.uiMobile .btn_mapReset:hover{background-color:#4F5964}
.uiMobile .contactus_ui li,.uiMobile .contactus_ui #part{margin-bottom:8px}
.uiMobile .tbl_limit{margin-bottom:3px;line-height:16px;text-align:right;font-size:11px}
.terms select.go{margin:20px 0;float:right}
.terms .terms_con{clear:both}

/* 페이지 상단 공지사항 */
#notice-bar{display:none;background:#fff url('img/bg-notice.gif') repeat-x 0 100%}
#notice-bar .cont{position:relative;width:976px;margin:0 auto;padding:20px 0;overflow:hidden}
#notice-bar .tit{font-weight:600;font-size:1.385em;}
#notice-bar .desc{line-height:1.6}
#notice-bar .desc em{color:red;}
#notice-bar .pop-btn-close{right:0;}
#notice-bar label[for='close-one-day']{position:absolute;bottom:20px;right:0;}
#notice-bar .tit{width:650px;margin:0 auto;text-align:left;}
#notice-bar ol.type-bullet{width:650px;margin:10px auto 0;text-align:left;padding-left:25px}
#notice-bar ol.type-bullet li{float:left;box-sizing:border-box;width:32.2%;text-indent:-1.1em;line-height:1.6em}
#notice-bar .pop-btn-close{display:block;position:absolute;right:0px;top:0px;width:25px;height:25px;text-indent:-999em;overflow:hidden;background:url(img/modal_close.png) 0 0}
@media screen and (max-width:768px){
#notice-bar{display:block;background:#f3f3f3;font-size:12px;padding:0 0px 0 10px}
#notice-bar .cont{position:relative;width:100%;margin:0 auto;padding:10px 0;padding-right:10px;padding-bottom:30px}
#notice-bar .cont .tc{overflow:hidden;width:100%;margin:0 auto}
#notice-bar .cont .tc .tit{overflow:hidden;width:auto;padding-right:30px;font-size:12px;font-weight:bold;line-height:14px}
#notice-bar .cont .tc li{font-size:11px;float:none}
#notice-bar .pop-btn-close{right:10px}
#notice-bar label[for='close-one-day']{bottom:10px;right:20px}
}

/* 2022-09-13 메카텍 매각 수정 */
.uiMobile .img-vision {margin-top:30px;}
.uiMobile .img-vision > img {width:100% !important;}