@charset "utf-8";

/* Base */
body,h1,h2,h3,h4,h5 { /* font-family: 'Ubuntu',Helvetica, Arial, sans-serif*/ font-family: 'HDHyundai-Medium'; letter-spacing:0.3px}
#gnb .gnb_sub li a em { /* font-family: Verdana, sans-serif*/ font-family: 'HDHyundai-Medium'; letter-spacing:0.3px}
select,input,button,
#path_loc,
section#contents,
section#contents table,
footer .opt,
footer .address,
.main_list p,
#biz a.bro_down em,
.news_list { /* font-family: arial, sans-serif*/ font-family: 'HDHyundai-Medium'; letter-spacing:0.1px;}

#notice li.news li a em.date,
.news_list .i_date { /* font-family: verdana*/ font-family: 'HDHyundai-Medium'; letter-spacing:0.1px;}


body,p,div,h1,h2,h3,h4,h5,table,form,caption,th,td,fieldset,input,select,ul,li,dl,dt,dd,ol,span,a { margin: 0; padding:0;}
body,table,th,td,input,select { color: #333; font-size: 0.77em; line-height: 1.8em;}
caption {overflow:hidden;margin:0;padding:0;border:0;height:0;width:0;line-height:0;font-size:0;}
a { text-decoration: none;}
a,button { cursor: pointer;}
a:hover { text-decoration: underline;}
fieldset,input,button { border: 0;}
img { border: 0; max-width: 100%;}
ul,ol,li { list-style: none;}
em,address { font-style: normal;}
input,button,select { vertical-align: middle;}
hr { display: none;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}
select { padding: 1px; font-size: 0.9em;}
table { width:100%; empty-cells:show; border-collapse:collapse;}

/* Menu Skip */
#skip-go {margin:0;padding:0;}
#skip-go dt{position:absolute; top:0; left:-1000px;height:0px;line-height:0px;font-size:0px;margin:0;padding:0;}
#skip-go dd a{display:block; font-weight:bold; position:absolute; top:0; left:-1000px; font-size:120%; text-align:center; background-color:#000; z-index:1000} 
#skip-go dd a:hover, 
#skip-go dd a:active, 
#skip-go dd a:focus{left:0; height:40px; width:100%; line-height:40px; color:#fff !important;}

/* Layout */
#wrap { width: 100%; height: 100%; min-height: 800px; *zoom: 1;}
#wrap:after { content:""; display: table; clear:both;}

/* Header */
/* 작업 */
#header { position: fixed; top: 0; left: 0; bottom: 0; width: 220px; height: 100%; background: #3c478a;}
/* 작업 */
#header h1 { height: 90px; padding-top: 30px; text-align: center;}
#header h1 img { height:25px; margin-top:80px}
#header .mob_list,
#header .mob_home { position: absolute; visibility: hidden; z-index: -2;}

.skip {font-size:0;line-height:0;overflow:hidden;width:0;height:0;position:absolute;top:0;left:0;}


/* GNB */
#gnb { border-top: 1px solid #334071;}
#gnb ul { *zoom: 1;}
#gnb ul:after { content:""; display: table; clear: both;}
#gnb li { float: left; width: 100%; font-family: 'HDHyundai-Medium'; }
#gnb li.foot_m { display: none;}
#gnb a { display: block; text-decoration: none; height: 37px; padding: 17px 0 0 20px; color: #fff;}
#gnb a.dep { font-weight: 600; border-bottom: 1px solid #334071; font-family: 'HDHyundai-Bold'; }
#gnb .gnb_sub { display: none; position: fixed; top: 0; left: 220px; bottom: 0; width: 220px; height: 100%; background: #e1d9c9;}
#gnb .gnb_sub ul { position: absolute; top: 120px; left: 0; width: 100%; border-top: 1px solid #ede8df; font-size:12px;}
#gnb .gnb_sub li a { position: relative; color: #4b4841; padding-left: 40px; border-bottom: 1px solid #ede8df;}
#gnb .gnb_sub li a em { position: absolute; display: block; width: 13px; height: 14px; top: 22px; left: 20px; text-align: center;
	color: #e1d9c9; font-size: 9px; line-height: 12px; background: url(/img/include/gnb_bul2.gif) no-repeat;}
#gnb li.dep:hover > a,
#gnb li.dep.on > a { color: #000; background-color: #e1d9c9;}
#gnb li.dep:hover > a.dep,
#gnb li.dep.on > a.dep { border-bottom: 1px solid #ede8df; background-image: url(/img/include/gnb_bul.gif); background-position: 90% center; background-repeat: no-repeat;}
#gnb li.dep.on .gnb_sub { display: block;}
#gnb .gnb_sub li:hover > a,
#gnb .gnb_sub li.on > a { color: #233071; font-weight: 700; background-color: #fff;}
#gnb .gnb_sub li:hover > a em,
#gnb .gnb_sub li.on > a em { color: #fff; background: url(/img/include/gnb_bul2_on.gif) no-repeat;}
#gnb li.last .gnb_sub ul { top: 175px;}
#gnb li.last_n .gnb_sub ul { top: 175px;}
#gnb .gnb_sub li.line a { height: 42px; padding-top: 11px; line-height: 1.3em;}
#gnb .gnb_sub li.line a em { top: 15px;}

#container { max-width:850px; padding: 40px 40px 120px 480px;}
#container.f_con { padding-left: 260px;}
#container.f_con.s_on { padding-left: 480px;}

#page_menu { position: absolute; top: -15px; right: 0;}
#page_menu * { vertical-align: top;}
#page_menu a { display: inline-block; font-size: 0; line-height: 0;}
#page_menu .font_size { display: inline-block; padding-left: 66px; height: 20px; margin-left: 3px;
						background: url(/img/include/btn_text_font.gif) left top no-repeat;}

/* Footer */
footer { position: fixed; top: 363px; left: 0; width: 180px; padding: 0 20px;}
footer a { color: #d9dcf1;}
footer .menu li a { display: block; height: 22px; padding-left: 8px; text-decoration: none; font-family: 'HDHyundai-Medium'; }
footer .menu li.on a,
footer .menu li:hover a { color: #233071; background: #fff;border:0px solid #fff;}
footer .link { margin-top: 15px;}
/* 작업 */
footer .link li.mnu { position: relative; margin: 3px 0 0; background-color: #2c3677; z-index: 1;}
/* 작업 */
footer .link li.mnu a { display: block; height: 22px; padding-left: 8px; line-height: 22px; text-decoration: none; border: 1px solid #233071;
background-image: url(/img/include/news_bul.gif); background-position: right 0;background-repeat: no-repeat;}
footer .link li.mnu:hover,
footer .link li.mnu.on { background-color: #fff; z-index: 2;}
footer .link li.mnu:hover a,
footer .link li.mnu.on a { color: #233071; background-position: right -22px;}
footer .link .opt { display: none; position: absolute; width: 100%; top: 22px; left: 0; padding-top: 1px; margin: -1px 0;}
footer .link .opt ul { padding: 5px 0; background: #fff; border: 1px solid #233071; max-height: 320px;
    overflow: auto;}
footer .link .opt li { height: 22px; border: 0;}
footer .link .opt li a { height: 22px; line-height: 22px; background: #fff; font-size: 0.85em; border: 0; padding-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
footer .link .opt li a:hover { color: #fff; background: #233071;}
footer .address { padding-top: 35px; color: #dce2ff; font-size: 0.8em; line-height: 1.2em; letter-spacing: -0.07em;}
footer .address p.browser { margin-bottom: 10px; font-size: 0.9em;}
footer .address p.privacy { margin-top: 8px;}
footer .address p.privacy a { color: #f1f5f5;}
footer .address p.mark {margin:16px 0px 0px -20px;text-align:center;}


/* Page title */
#container .title_area { position: relative; padding-top: 20px;}
#container .title_area em.depth { position: absolute; top: 0; left: 0; color: #4c578c; font-size: 0.9em; line-height: 0.9em; font-family: 'HDHyundai-Medium'; }
#container .title_area h1 { color: #233071; font-size: 3em; line-height: 0.8em; font-weight:normal; letter-spacing: -0.01em; font-family: 'HDHyundai-Medium'; }
#container .title_area h1 strong { font-weight:700;}

/* Page location */
#path_loc { overflow: hidden; height: 28px; margin-bottom: 29px; text-align: right; line-height: 28px; border: 1px solid #ebebeb;}
#path_loc a { display: inline-block; margin-right: 8px; padding-left: 14px; color: #767676; 
			  background: url(/img/include/loc_bul.gif) left center no-repeat;}
#path_loc a.home { font-weight: 500; background: none;}
#path_loc a.current { color: #323131;text-decoration:underline;}

/* Contents */
section { padding: 40px 0 0; *zoom: 1;}
section:after { content:""; display: table; clear: both;}
section article { margin: 0 0 50px 0; *zoom: 1;}
section article:after { content:""; display: table; clear: both;}

/* Contents title */
#contents h2.title { margin-bottom: 25px; color: #233071; font-weight: 600; font-size: 1.7em; line-height: 1.2em; letter-spacing:-0.1px; }
#contents h3.title, .layer_meeting h3.title  { margin-bottom: 20px; padding-bottom: 5px; color: #272727; font-weight: 600; font-size: 1.5em; border-bottom: 1px solid #bbaebb;}
#contents p.cont_txt { margin: 15px 0 18px 0;}
#contents p.cont_txt_over { margin: 40px 0 18px 0;}
#contents p.cont_txt_note span { margin: 10px 0 5px 0; font-size: 15px; color: #233071; font-weight: bold;}
#contents p.cont_txt_note { margin: 40px 0 5px 0; color: #233071;}
#contents p.cont_txt_btn { margin-bottom: 30px; }
#contents p.cont_txt_btn a { width: 230px; height: 30px; padding: 10px; background: #233071; color: #fff; font-size: 13px; line-height: 25px; text-align: center; }
#contents p.cont_img { text-align: center;}
#contents p.cont_img img { max-width:100%; display:none;}
#contents p.cont_img_ceo img {text-align: center; }
#contents p.cont_img_phil img {text-align: center;  max-width:100%; margin-left:25%}
#contents p.cont_img_glance img {text-align:center;}


/* Contents tab */
.item_tab a span { font-size: 0.85em; font-weight:700;}
.item_tab { overflow: hidden; height:34px; margin-bottom:20px; *zoom: 1;}
.item_tab li { float:left; height:34px; background: url(/img/content/bg_tab.gif) left top repeat-x;}
.item_tab li a { display: block; height: 34px; text-decoration: none;}
.item_tab li a span { display: block; height: 34px; text-align:center; color: #333; line-height: 36px; 
	background: url(/img/content/bg_tab_r2.gif) right top no-repeat; cursor: pointer;}
.item_tab li.first a { background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.item_tab li.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat;}
.item_tab li a.pr span { background-image: none;}
.item_tab li a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;}
.item_tab li a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.tab_cont { display:none;}
.networkOn {display:block;}

/* Page tab */
.page_tab { overflow: hidden; margin-bottom: 20px; *zoom: 1;}
.page_tab li { float: right; height: 30px;}
.page_tab li a { display: block; text-align: center; height: 27px; color: #767676; line-height: 27px; border-top: 3px solid #bbb;}
.page_tab li.on a { color: #233071; font-weight: bold !important; border-top: 3px solid #233071;}
.page_tab li:first-child { float: left; background: url(/img/content/page_tab_bar.gif) right top no-repeat;}
.page_tab li:first-child a { margin-right: 1px;}

/* table */
.data_tb table { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}
.data_tb th,
.data_tb td { padding:8px 9px 8px; font-size: 12px; line-height: 1.3em;}
.data_tb th { color:#626262; background: #f8f8f8;}
.data_tb td { color:#6e6e6e; background: #fff;}
.data_tb .list thead th { text-align:center; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #cfcfcf;}
.data_tb .list thead th:first-child { border-left: 0;}
.data_tb .list tbody th { text-align:left; border-left: 0; color: #8a8a8a; background:#fff;}
.data_tb .list tbody td { text-align:center; border-left: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
.data_tb .list tbody td:first-child { border-left: 0;}
.data_tb .read th,
.data_tb .read td { border-top: 1px solid #e4e4e4;}
.data_tb .read tr:first-child th,
.data_tb .read tr:first-child td { border-top: 1px solid #cfcfcf;}
.data_tb .read th { text-align:left; color: #8a8a8a; border-right: 1px solid #e4e4e4;}
.data_tb .read th.dep1 { background: #f0f0f0;}
.data_tb .read th.dep1,
.data_tb .read th.total { color:#626262;}
.data_tb .read td.count { text-align: right;}
.data_tb .read th.total,
.data_tb .read td.total { border-top: 1px solid #cfcfcf;}
.l_line { border-left:1px solid #e4e4e4 !important; }
.t_line { border-top:1px solid #cfcfcf !important; }

/* content list */
.con_list { overflow: hidden; *zoom: 1;}
.con_list li.even { width: 49%; float: left;}
.con_list li.odd { width: 49%; float: right;}

/* txt list */
.txt_list dt.stl { margin:25px 0 0; padding-left: 13px; color:#233071; font-size: 1.3em; font-weight:700;
				   background: url(/img/content/bul_li01.gif) 0 8px no-repeat;}
.txt_list dd.con { margin-top: 12px; padding:0 0 0 13px;}
.txt_list dd.con h5 { font-size: 1.1em;}
.t_li li { text-indent: -8px; margin-left: 8px;}

/* paging */
/* .paging { width:100%;  padding-top:20px; text-align:center;}
.paging a { display:inline-block; overflow:hidden; height:20px; margin:0 1px; vertical-align:middle; border:1px solid #ddd; *display:inline; *zoom:1;}
.paging a img { vertical-align:top}
.paging span a { min-width:18px; padding:0 1px; color:#333; font-size:11px; font-weight:bold; line-height:20px;}
.paging a:hover, .paging a.on { color:#0c7c39;font-style:italic;text-decoration:underline;} */

.paging { margin: 30px auto; text-align: center }
.paging > span{display:inline-block;}
.paging .p_first, .paging  .p_prev, .paging  .p_next, .paging  .p_last { display: inline-block;width: 18px; height: 22px; text-indent: 150%; overflow: hidden; white-space: nowrap;vertical-align:middle; }
.paging .p_first { background: url(/img/ir/btn_first.png) no-repeat 50% 50%; }
.paging .p_prev {background: url(/img/ir/btn_prev.png) no-repeat 50% 50% }
.paging .p_next {background: url(/img/ir/btn_next.png) no-repeat 50% 50% }
.paging .p_last { background: url(/img/ir/btn_last.png) no-repeat 50% 50%; }
.paging .p_num  { display: inline-block;margin:0 10px;}
.paging .p_num > a { display: inline-block; margin-left: 3px; padding: 0 1px; border: 1px solid #dbdbdb; text-align: center; color:#333;font-size:12px;min-width: 22px;line-height:22px;}
.paging .p_num > a:first-child { margin-left: 0 }
.paging .p_num > a.on {color:#0c7c39;font-style:italic;text-decoration:underline;}

/* Item Link*/
.item_link { clear:both; padding-top:20px;}
.item_link a { float:left; margin-right:9px;}
.item_link p { clear:both; overflow:hidden; width:100%; padding-top:20px;}
.item_link p span { float: left; padding: 2px 0 0 15px; color:#666; font-size: 0.9em; line-height:1.3em;}

/* Rolling */
.roll_area { position:relative;}
.rolling { position:relative; overflow: hidden;}
.rolling ul { position: absolute; overflow: hidden; top: 0; left: 0; right: 0;}
.rolling ul li { float: left;}
.roll_btn { position: absolute;}
.roll_btn button { float: left; width: 25px; height: 25px; cursor: pointer;}
.roll_btn button em { display: none;}
.roll_btn button.prev { margin-right: 1px; background: url(/img/main/btn_arr_l.gif);}
.roll_btn button.next { background: url(/img/main/btn_arr_r.gif);}
.roll_path { position: absolute;}
.roll_path * { font-size: 0; line-height: 0;}
.roll_path ul { overflow: hidden;}
.roll_path li,
.roll_path li span { display: inline-block;}
.roll_path li { margin-left: 5px;}
.roll_path li span { width: 5px; height: 5px; background-color: #000;}
.roll_path li.on span { background-color: #13974d;}
.roll_path span em { display: none;}

/* Address */
dl.tel * { padding-top: 10px; padding-bottom: 8px; line-height: 1.4em;}
dl.tel dt { float: left; width: 42px; padding-left: 10px; color: #233071;}
dl.tel dd { padding-left: 52px; border-bottom: 1px solid #f5f5f5; *padding-left: 0;}

/* Product Roll */
.biz_prd { overflow: hidden;}
.biz_prd img { width: 100%;}
.biz_prd img_1 { width: 100%; margin-top:-10px}

/* 161212 수정 */
.biz_prd .prd_img, .biz_prd .prd_img.p_ship, .biz_prd .prd_img.p_ship_1 .prd_img_1 { float:left; width: 87.2%;}
.biz_prd .prd_list, .biz_prd .prd_list.p_ship, .biz_prd .prd_list.p_ship_1 a { float:right; width: 10.6%; font-size:0; line-height:0;}
.biz_prd .prd_list a, .biz_prd .prd_list.p_ship a, .biz_prd .prd_list.p_ship_1 a  { display:block;position: relative; cursor: pointer;}

/* .biz_prd .prd_img { float:left; width: 87.2%;}
.biz_prd .prd_list { float:right; width: 10.6%; font-size:0; line-height:0;}
.biz_prd .prd_list a { display:block;position: relative; cursor: pointer;} */

.biz_prd .prd_list a.active span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0b9140; opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

/* 20210111수정 */
#prd_img li span {display:block; text-align:center; font-weight:bold}
#prd_img_1 li span {display:block; text-align:center; font-weight:bold}

/* Intro article */
article.intro p.intro_img { float: right; margin:50px 0px 20px 20px;}
article.intro.green p.intro_img {margin:-27px 0px 20px 20px;}
@media only screen and (max-width:700px){
	article.intro.green p.intro_img {margin:0px 0px 0px 0px;}
}
.screen_hide {overflow:hidden; width:0; height:0; line-height:0; font-size:0;}


/* Contents - Message */
section.message article { margin: 0; padding-left: 325px; *padding-left: 0;}
section.message p.cont_img {width:291px; float: left;  margin-top: 6px;padding:0 0 15px 0;}
section.message p.cont_img img.first {padding-bottom:15px;}

/* Contents- Message 이미지 없는 부분 스타일 */

section.message article.article_1 { margin: 0; padding-left: 325px; *padding-left: 0; margin-top : -300px;}
section.message p.cont_img section.message article .article_1 {width:291px; float: left;  margin-top: 6px;padding:0 0 15px 0;}
section.message p.cont_img section.message article .article_1 img.first {padding-bottom:15px;}


/* Contents - At a Glance */
section.glance p.cont_img { margin: 25px auto;}
section.glance p.cont_img  img {width:auto !important; max-width:100%}
section.glance .business { float: left; width: 49%; margin-bottom: 25px;}
section.glance .workforce { float: right; width: 49%;}
section.glance .yard { width: 49%; clear: both;}
section.glance .comp { clear: both;}
section.glance .con_list li { position: relative; margin-bottom: 20px;}
section.glance .con_list p.img { float:left; width: 140px; height: 88px; margin-right: 15px; border: 1px solid #ddd;}
section.glance .con_list .txt { height: 90px;}
section.glance .con_list .txt a.more { position: absolute; left: 155px; bottom: 0; display:inline-block; height: 20px; padding:0 65px 0 11px;
	color:#333; font-weight:bold; font-size: 0.9em; line-height:21px; border:1px solid #ddd; text-decoration: none;
	background: url(/img/content/btn_ic_more.gif) right center no-repeat;
}

/* Contents - Philosophy */
section.phil p.cont_img { max-width: 399px; margin: 30px auto;}
section.phil .spirit dl dt { padding-bottom: 4px; font-size: 1.2em; font-weight:bold;}
section.phil dl.wisdom { float:left; width: 31%; margin: 0 2% 0 0;}
section.phil dl.thinking { float:left; width: 31%; margin: 0 0 0 2%;}
section.phil dl.drive { float:right; width: 31%; margin: 0 0 0 2%;}
section.phil dl.wisdom dt { color:#0c7c39;}
section.phil dl.thinking dt { color:#a16900;}
section.phil dl.drive dt { color:#233071;}
section.phil dl.txt_list p { font-weight: 700;}
section.phil dl.txt_list p strong { color: #233071;}
section.phil dl.txt_list .t_li { padding-left: 21px; color: #333; line-height: 1.4em;}
section.phil dl.txt_list .t_li li { margin: 4px 0;}

/* Contents - Vision */
section.vision p.cont_img { margin: 30px auto 10px;}
section.vision .val_list { overflow:hidden; margin-left: -30px;}
section.vision .val_list li { float: left; width: 33%; margin: 25px 0; line-height:1.5em;}
section.vision .val_list h4 { height: 110px; margin-left: 30px; padding-bottom: 10px; font-size: 1.4em; font-weight:500;}
section.vision .val_list h4 span { display: block; margin-top: 5px; color: #494949 !important; font-size: 13px; line-height: 18px;}
section.vision .val_list p { margin-left: 30px; padding-top: 10px; border-top:1px solid #d7d7d7;}
section.vision .val_list .ign h4 { color:#233071;}
section.vision .val_list .chl h4 { color:#008171;}
section.vision .val_list .cre h4 { color:#0c7c39;}
section.vision .val_list .word h4 { height: 75px; color:#a16900;}
section.vision .val_list .tru h4 { height: 75px; color:#dd361d;}

/* Contents - Creative Doer */
section.doer h3.doerTitle {margin-bottom:16px;padding:0 0 5px 20px;color:#272727;font-weight:500;font-size:1.5em;background:url(/img/content/about/bt_doerT.gif) 0 8px no-repeat;}
section.doer p.doer_txt {margin:0 0 40px;}
section.doer article div.doerList {overflow:hidden;margin-bottom:28px;padding:20px;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-radius:6px;box-shadow:2px 2px 5px 0 #eee;}
section.doer article div.doerList h4 {margin:0 0 14px;padding:0 0;color:#a16900;font-size:1.2em;font-weight:700;/*background: url(/img/content/bul_li01.gif) 0 8px no-repeat;*/}
section.doer article div.doerList p.img {float:left;margin:0 20px 0 0;}
section.doer article p.creativeDoer_down {height:27px;padding:0 13px;text-align:right;background-color:#f5f5f5;}
section.doer article p.creativeDoer_down a {display:inline-block;height:27px;padding-right:20px;color:#35578a;font-size:1em;font-weight:bold;line-height:27px;background:url(/img/content/about/icon_pdf.gif) 100% 4px no-repeat;}

/* Contents - History */
section.history .records { overflow:hidden; margin-right: -15px; *zoom: 1;}
section.history .item_record { max-width: 500px; max-height:391px; margin: 0 auto 20px; 
							   background: url(/img/content/about/bg_history3.gif) left bottom no-repeat;}
section.history .item_record.rec { float: left; width: 49%;}
section.history .item_record.prd { float: right; width: 49%;}
section.history .item_record h4 { height:62px; background: url(/img/content/about/bg_history1.gif) left top no-repeat;}
section.history .item_record h4 span { display: block; height:62px; text-align: center; color: #222; font-size: 1.3em; line-height: 60px;
									   background: url(/img/content/about/bg_history2.gif) right top no-repeat;}
section.history .item_record .roll_area { position:relative; padding: 20px 35px 70px 20px;
										  background: url(/img/content/about/bg_history4.gif) right bottom no-repeat;}
section.history .item_record .rolling li { width: 100%; height: 230px;}
section.history .item_record p.pic { text-align: center; padding-bottom: 15px;}
section.history .item_record p.txt { text-align: center; color: #404040; line-height: 1.2em;}
section.history .item_record p.txt em { display: block; margin-top: 5px; color: #666; font-size: 0.85em;}
section.history .item_record .roll_page { position: absolute; left: 20px; bottom: 18px; font-size: 0.85em;}
section.history .item_record .roll_page .curr { color: #233071;}
section.history .item_record .roll_btn { position: absolute; right: 35px; bottom: 18px;}
section.history .item_tab li { width: 20%; *width: 19.9%;}
section.history .h_list p.cont_img { float: left; margin-bottom: 10px;}
section.history .h_list dl { overflow:hidden; width:100%; clear:left;}
section.history .h_list dt { float:left; width:50px; padding-top:10px; color:#233071; font-size: 1.3em; font-weight:700;}
section.history .h_list dd { margin-left:62px; padding: 10px 0; border-bottom:1px solid #dbdbdb;}
section.history .h_list li { margin-bottom: 0.4em; line-height: 1.4em;}
section.history .h_list li em { font-style: italic;}

/* history tab_new */
section.history .h_list {position:relative;padding-top:54px;}
section.history .h_list h3.tab {position:absolute; width: 16.66%; *width: 19.9%; height:34px;*zoom:1;background: url(/img/content/bg_tab.gif) left top repeat-x;}
section.history .h_list h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif;*/ font-family: 'HDHyundai-Medium'; font-size:0.85em;font-weight:700;}
section.history .h_list h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.9em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
section.history .h_list h3.first a { background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
section.history .h_list h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat;}
section.history .h_list h3.tab a.pr span { background-image: none;}
section.history .h_list h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
section.history .h_list h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
section.history .h_list #h_tabT01 {top:0;left:16.7%;}
section.history .h_list #h_tabT02 {top:0;left:33.4%;}
section.history .h_list #h_tabT03 {top:0;left:50.1%;}
section.history .h_list #h_tabT04 {top:0;left:66.7%;}
section.history .h_list #h_tabT05 {top:0;left:83.4%;}
section.history .h_list #h_tabT06 {top:0;}

/* Contents - Business Divisions Menu */
section.biz_divisions .overview { overflow:hidden; width:100%;}
section.biz_divisions .biz_roll { position: relative; float:left; width: 315px; height: 210px; padding: 5px 20px 10px 0;}
section.biz_divisions .biz_roll .rolling,
section.biz_divisions .biz_roll .rolling ul,
section.biz_divisions .biz_roll .rolling li { width: 315px; height: 210px;}
section.biz_divisions .biz_roll .rolling li { position: absolute; top: 0; left: 0; z-index: 0;}
section.biz_divisions .biz_roll .rolling li.current { z-index: 1;}
section.biz_divisions .biz_roll .roll_path { right: 30px; bottom: 30px; z-index: 2;}
section.biz_divisions .prd_txt { padding-top: 15px; font-size:1.1em}
section.biz_divisions .prd_txt h5 { margin-bottom: 5px; font-size: 1.1em;}
section.biz_divisions .prd_txt .t_li { margin-bottom: 15px;}

/* Contents - shipbuilding 161212 */
section.biz_divisions .prd_txt_de{padding-top:5px;}
section.biz_divisions .prd_txt_de em{display:block;font-weight:bold;color:#000;padding-bottom:7px;}
section.biz_divisions .prd_txt_de .s_txt{color:#666;}
section.biz_divisions .prd_txt_de  ul li{line-height:1.4em;padding-bottom:9px;}

.board_list > table{width:100%;margin-bottom:20px;font-size:1.2em;border-top:2px solid #666;}
.board_list > table thead th{padding:8px 0;border-bottom:1px solid #363d4c;background:#f9f9f9;}
.board_list > table thead th.first{border-right:1px solid #d4d4d4;}
.board_list > table thead th.last{border-color:#d4d4d4}
.board_list > table tbody th{border-bottom:1px solid #d4d4d4;text-align:left;padding-left:20px;}
.board_list > table tbody td{padding:8px 0;border-left:1px solid #d4d4d4;border-bottom:1px solid #d9d9d9;color:#666;text-align:center;box-sizing:border-box;text-align:right;padding-right:10px;}
.board_list > table tbody .subject{color:#333;font-size:14px;text-align:left;}
.board_list > table a:hover{text-decoration:underline;}
.board_list > table.style_a thead th{height:34px;}
.board_list > table.style_a tbody td{height:32px;padding:8px 0;border-left:1px solid #d4d4d4;}
.board_list > table.style_a tbody td:first-child{border-left:none;}
.board_list > table.style_b thead th, .board_list > table.style_b tbody td{border-left:1px solid #d4d4d4;}
.board_list > table.style_b thead th:first-child, .board_list > table.style_b tbody td:first-child{border-left:none;}
.board_list > table tbody td.brdrf{border-left:none;}
.board_list > table tfoot th{padding:5px;border-bottom:1px solid #666;}
.board_list > table tfoot td{padding:5px;text-align:right;border-bottom:1px solid #666;font-weight:bold;color:#000;}

/* Contents - special Naval Shipg work */
.biz_special { overflow: hidden;}
.biz_special img { width: 100%;}
.biz_special .prd_img, .biz_special .prd_img.p_ship {}
.biz_special .prd_list, .biz_special .prd_list.p_ship, .prd_list.p_ship_1 { font-size:0; line-height:0;}
.biz_special .prd_list a, .biz_special .prd_list.p_ship a { float:left;width:11%;display:block;position: relative; cursor: pointer;overflow:hidden;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box}
.prd_list.p_ship_1 a {margin-top:10px; float:left;width:10%;display:block;position: relative; cursor: pointer;overflow:hidden;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box}
.prd_list.p_ship_2 a {margin-top:10px; margin-bottom:10px; float:left;width:12.5%;display:block;position: relative; cursor: pointer;overflow:hidden;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box}
.biz_special .prd_list a.active span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0b9140; opacity: 0.4;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);}
.biz_special .bx-viewport{}
section.biz_divisions .biz_special .prd_txt_de{text-align:center;}

/* Contents - Sustainability */
section.human .work h3.title { margin-top: 30px;}
section.human .work .data_tb { width: 50%;}
section.human .work .data_tb p { margin: 5px 0 0 13px; line-height: 1.4em; text-indent: -13px;}
section.human .work .txt_list h5 { margin-top: 20px;}
section.human .work .txt_list p { margin: 3px 0 10px 0;}

section.safe .t_li { margin: -15px 0 0;}

section.social .txt_list dt { margin: 20px 0 7px 0;}
section.social .txt_list dd { overflow: hidden;}
section.social .txt_list dd p.img { float: left; width:140px; margin: 2px 20px 5px 0;}
section.social .txt_list dd p.img img { width: 100%; border: 1px solid #e5e5e5;}
section.social .txt_list dd div.txt {min-height: 90px; padding-left: 160px; line-height: 1.5em; *padding-left: 0;}
section.social .txt_list dd div.txt ul { margin-top: 7px;}
section.rnd .biz_prd { margin-top:30px;}
section.rnd .txt_list dd.con p { text-indent: -8px; margin-left: 8px;}

/* Contents - Global Network */
section.global .page_tab li { width: 50%; *width: 49.9%;}
section.global .item_tab li { width: 17%; *width: 16.9%;}
section.global .item_tab li.first { width: 15%;}
section.global .global_tel { overflow: hidden; *zoom: 1;}
section.global .global_tel li { min-height: 215px;}
section.global .global_tel li h5 { height: 30px; text-align: center; color: #111; font-size: 1.1em; line-height: 30px; background: #d9d9d9;}
section.global .global_tel li.even { float: left; width: 50%; *width: 49%;}
section.global .global_tel li.odd { float: right; width: 50%; *width: 49%;}
section.global .global_tel li.even h5,
section.global .global_tel li.even dl { margin-right: 15px; *margin: 0;}
section.global .global_tel li.odd h5,
section.global .global_tel li.odd dl { margin-left: 15px; *margin: 0;}
section.global article { margin-bottom: 30px;}
section.contact article { overflow: hidden; margin-bottom: 30px; *zoom: 1;}
section.contact dl { float: left; width: 50%; *width: 49.9%;}
section.contact dt,
section.contact dd { display: inline-block;}
section.contact dt { color: #233071; padding-right: 20px;}
section.contact a.email { padding-left: 22px; color: #6e6e6e; background: url(/img/content/ico_email.png) 0 3px no-repeat;}
section.media { padding-left: 345px; min-height: 235px; background: url(/img/content/contact/contact_img.gif) left 40px no-repeat;}
section.media p a { color: #233071; text-decoration: underline;}
section.media .txt_list dd.con,
section.media .txt_list dl.tel dt{ padding-left: 0;}
section.media .txt_list dl.tel dd { padding-left: 42px;}

section.contact .data_tb th { width: 33.3%;}

/* network tab 웹접근성 관련 수정 */
section.global {position:relative; }
section.global h2.network_tab {width: 50%; *width: 49.9%; height: 30px; /* font-family: arial, sans-serif*/ font-family: 'HDHyundai-Medium'; font-size:1.2em;}
section.global h2.first {background: url(/img/content/page_tab_bar.gif) right top no-repeat;}
section.global h2.network_tab a { display: block; margin-right: 1px; text-align: center; height: 27px; color: #767676; /* font-family: arial, sans-serif*/ font-family: 'HDHyundai-Medium'; font-size:0.875em; font-weight:normal; line-height: 27px; border-top: 3px solid #bbb;}
section.global h2.on a { color: #233071; font-weight: bold !important; border-top: 3px solid #233071;text-decoration:underline;}
section.global h2#nw_h2T01 {position:absolute; top:105px; left:0;}
section.global h2#nw_h2T02 {position:absolute; top:105px; right:0;}

section.global p.cont_img { padding-top:54px; }
section.global .nw_con {position:relative;padding-top:54px;}
section.global .nw_con h3.tab {position:absolute; width: 17%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
section.global .nw_con h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ font-family: 'HDHyundai-Medium' ;font-size:0.85em;font-weight:700;}
section.global .nw_con h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.9em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
section.global .nw_con h3.first {width: 15%; *width: 14.9%;}
section.global .nw_con h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
section.global .nw_con h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat;}
section.global .nw_con h3.tab a.pr span { background-image: none;}
section.global .nw_con h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
section.global .nw_con h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
section.global .nw_con #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
section.global .nw_con #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:15%;}
section.global .nw_con #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:0;left:32%;}
section.global .nw_con #nw_tabT04, section.global .nw_con #nw2_tabT04 {top:0;left:49%;}
section.global .nw_con #nw_tabT05, section.global .nw_con #nw2_tabT05 {top:0;left:66%;}
section.global .nw_con #nw_tabT06, section.global .nw_con #nw2_tabT06 {top:0;left:83%;}

@media only screen and (max-width:700px){
	/* network tab 웹접근성 관련 수정 */
	section.global h2#nw_h2T01 { top:40px; }
	section.global h2#nw_h2T02 { top:40px; }
}

@media only screen and (max-width:450px) {
.biz_special .prd_list a, .biz_special .prd_list.p_ship a { width: 20%; height: 55px; margin-top: 5px;}
.prd_list.p_ship_1 {margin-top:10px;}

}

/* Contents - News */
.btn_type1 { display:inline-block; height:21px; padding:0 5px; text-align:center; color:#fff; font-size:12px; line-height:22px; background:#292929;
	text-decoration: none; *line-height:20px;}

/* News list */
.news_search { height: 32px; margin: -10px 0 0; text-align: right;}
.news_search label {font-size:0;line-height:0;width:0;height:0;display:inline-block;overflow:hidden;}
.news_search select { width: 12%; min-width: 50px;}
.news_search .type_text  { width: 25%; height: 19px; padding:0 5px; line-height: 19px; border:1px solid #ddd;}
.news_list { width:100%; border-top:2px solid #858a88; border-bottom:1px solid #858a88;}
.news_list li { border-top:1px solid #dbdbdb;}
.news_list li:first-child { border-top:0;}
/* 기존 css
.news_list a { position:relative; display:block; overflow:hidden; padding:20px 0; color:#808080;}
.news_list a:hover { text-decoration:none;}
.news_list a:hover * { color:#0c7c39 !important;}
.news_list a span { display:block; cursor:pointer;}
.news_list a .item_img { float: left; width: 140px; height: 88px; margin: 0 20px 15px 0; border:1px solid #ddd;}
.news_list a .i_title { padding:0 80px 4px 0; font-size: 1.2em; font-weight:bold; color:#272727; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list a .i_txt { overflow: hidden; height: 65px;}
.news_list a .i_date { position:absolute; right:0; top: 20px; width:70px; text-align:right; font-size: 0.8em; background:url(/img/content/bg_part.gif) 0 center no-repeat;}
*/
/* 웹접근성 관련 수정 css */
.news_list div.list { position:relative; display:block; overflow:hidden; padding:20px 0; color:#666;}
.news_list div.list a { display:block;}
.news_list div.list a:hover { text-decoration:none;}
.news_list div.list a:hover * { color:#fac800 !important;}
.news_list div.list span { display:block; cursor:pointer;}
.news_list div.list .item_img { float: left; width: 140px; height: 88px; margin: 0 20px 15px 0; border:1px solid #ddd;}
.news_list div.list .i_title { padding:0 80px 4px 0; font-size: 1.2em; font-weight:bold; color:#272727; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list div.list .i_txt { overflow: hidden; height: 65px;}
.news_list div.list .i_date { position:absolute; right:0; top: 20px; width:70px; text-align:right; font-size: 0.8em; background:url(/img/content/bg_part.gif) 0 center no-repeat;}
  
/* News view */
.news_view { width:100%; border-top:2px solid #858a88;}
.news_view .item_title { position:relative; padding:15px 0; border-bottom:1px solid #dbdbdb;}
.news_view .item_title h3 { padding-right:95px; color:#272727; font-size: 1.8em; font-weight:bold; line-height: 1.3em;}
.news_view .item_title span { position:absolute; right:0; top:19px; padding-left:11px; text-align:right; background:url(/img/content/bg_part.gif) 0 center no-repeat;}
.news_view .item_cont { overflow:hidden; width:100%; padding:30px 0;}
.news_view .item_cont .i_img { float:left; width: 315px; padding: 0 30px 0 0;}
.news_view .item_cont .i_img li { padding: 0 0 30px 0; }
.news_view .item_cont .i_img dl * { font-size: 12px; line-height: 16px; color: #737373;}
.news_view .item_cont .i_img dl dt { display:block; padding:6px 0 0;}
.news_view .item_cont .i_txt { padding-left: 0;}
.news_view .item_cont .i_txt.with_img { padding-left: 345px;}

.news_view .item_linker { border-top:1px solid #858a88; border-bottom:1px solid #858a88;}
.news_view .item_linker li { border-top:1px solid #dbdbdb; background-position: 10px 18px; background-repeat: no-repeat;}
.news_view .item_linker li:first-child { border-top:0;}
.news_view .item_linker li.next { background-image: url(/img/content/ico_next.gif);}
.news_view .item_linker li.prev { background-image: url(/img/content/ico_prev.gif);}
.news_view .item_linker li a {position:relative; display:block; padding:10px 0; color:#666;}
.news_view .item_linker li a span {display:block;}
.news_view .item_linker li .i_tit { position:absolute; left:0; top:10px; padding:0 10px 0 27px; background:url(/img/content/bg_part.gif) right center no-repeat; }
.news_view .item_linker li .i_txt { margin:0 95px 0 74px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *display: inline-block;}
.news_view .item_linker li .i_date { position:absolute; right:0; top:10px; padding-left:11px; text-align:right; background:url(/img/content/bg_part.gif) no-repeat 0 center;}
.news_view .item_linker li .mapping.next { background-position:0 0;}
.news_view .item_linker li .mapping.prev { background-position:-8px 0;}
.news_view .item_btn { padding-top:10px; text-align:right;}
.news_view .item_btn .btn_type1 { min-width: 65px;}

/* Contents - Magazine */
section.magazine p.cont_img { float: left; width: 320px; padding-right: 125px; margin-right: -100px;}
section.magazine .hor p.cont_img { height: 201px; margin-bottom: 20px; background: url(/img/content/magazine/bar.gif) left bottom no-repeat;}
section.magazine .mag_txt { min-height: 200px;}
section.magazine .mag_txt a.flik { float: right; color: #233071; font-size: 1.5em;}
section.magazine .mag_txt .cont_txt { padding: 20px 0 0;}
section.magazine .flik .mag_txt .cont_txt { padding: 40px 0 0;}
section.magazine .mag_txt dl.tel * { padding: 0 0 8px 0;}
section.magazine .mag_txt dl.tel dt { width: 65px; margin-right: 15px; font-weight: bold; background: url(/img/content/magazine/line.gif) right 4px no-repeat;}
section.magazine .mag_txt dl.tel dd { border-bottom: 0;}
section.magazine .mag_txt dl.tel dd a { color: #666;}

.magzine_list { position: relative; margin-top: 50px;}
.magzine_list fieldset {margin:0;padding:0;border:none;}
.magzine_list fieldset legend {margin:0;padding:0;font-size:0;line-height:0;width:0;height:0;display:inline-block;overflow:hidden;}
.magzine_list select {position: absolute; top: 0; right: 30px;}
.magzine_list a.btn_go {position: absolute; top: 0; right: 0;}
.magzine_list label {font-size:0;line-height:0;width:0;height:0;display:inline-block;overflow:hidden;}
.magzine_list ul { clear: both; overflow: hidden; padding-top: 18px; *zoom: 1;}
.magzine_list ul li { float: left; width: 25%; height: 245px;}
.magzine_list .m_tit,
.magzine_list .m_img,
.magzine_list .pdf_link { display: block; width: 137px; height: 20px; margin: 0 auto; padding-left: 7px;}
.magzine_list .m_tit { color: #272727;}
.magzine_list .m_img { width: 134px; height: 154px; margin-bottom: 35px; padding-top: 12px; padding-left: 10px; background: url(/img/content/magazine/bg_book2.png) left top no-repeat;}
.magzine_list .pdf_link a { display: block; width: 106px; height: 18px; padding-left: 12px; color:#464646; font-weight:500; font-size:0.9em; line-height: 18px; border: 1px solid #dcdcdc;
background: url(/img/content/magazine/ico_pdf.gif) right center #fff no-repeat; text-decoration: none;}
.magzine_list li { background: url(/img/content/magazine/bg_table.gif) left 88px repeat-x;}
.magzine_list li.even,
.magzine_list li.first { background: url(/img/content/magazine/bg_table_l.gif) left 88px no-repeat;}
.magzine_list li.odd,
.magzine_list li.last {	background: url(/img/content/magazine/bg_table_r.gif) right 88px no-repeat;}
.magzine_list li.last { *width: 24%;}
.magzine_list li.even { float: left; width: 50%; margin-bottom: 20px;}
.magzine_list li.odd { float: left; width: 50%; margin-bottom: 20px; *width: 49%;}


/* Contents - Sitemap */
section.sitemap article { width: 50%; /* height: 256px;*/ height: 380px; margin-bottom: 0; *width: 49.9%;}
section.sitemap article .site_link { position: relative;}
section.sitemap article h3 { position: absolute; top: 0; left: 0; width: 25%; background: url(/img/content/bg_sitemap02.gif) left top repeat-x;}
section.sitemap article h3 a { display: block; padding-top: 15px; color: #111; font-weight: 700; background: url(/img/content/bg_sitemap01.gif) left top no-repeat;}
section.sitemap article ul { position: absolute; top: 0; right: 0; width: 75%; padding-top: 10px; background: url(/img/content/bg_sitemap.gif) left top repeat-x;}
section.sitemap article li { padding-left: 25px;}
section.sitemap article li a { display: block; height: 30px; padding-left: 10px; color: #666; line-height: 30px; border-bottom: 1px solid #f5f5f5; 
background: url(/img/content/ico_sitemap_ar.gif) right 2px no-repeat;}
section.sitemap article.even { float: left;}
section.sitemap article.even .site_link { margin-right: 15px;}
section.sitemap article.odd { float: right;}
section.sitemap article.odd .site_link { margin-left: 15px;}


/*** Main contents ***/
body#main { background: #fbfbf4;}
body#main #wrap { max-width: 1600px; position: relative; margin: 0 auto;}
body#main #header { position: absolute; width: 180px; opacity: 0.95; padding-right: 0; z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
}
body#main #header.mnuOn { padding-right: 220px;}
body#main #gnb .gnb_sub { position: absolute; left: 180px; z-index: 10; opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
}
body#main section { height: 100%; padding-top: 0;}
body#main footer { z-index: 2;}
body#main footer { position: absolute; width: 140px; bottom: 0;}
body#main footer .address { position: absolute; bottom: 30px; left: 15px; width: 160px;}

body#main #header,
body#main section,
body#main .main_list { min-height: 800px;}


#main_visual { position: relative; min-width: 700px; max-width: 1200px; margin-left: 0; width: 100%;}
#main_visual .rolling { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
#main_visual .rolling ul { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden;}
#main_visual .rolling ul li { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-height: 800px; z-index: -1;}
#main_visual .rolling ul li img { width: 100%; height: 100%; min-height: 800px;}
#main_visual .rolling ul li.current { z-index: 0;}

#main_visual .main_copy { position: absolute; top: 130px; left: 210px;}
#main_visual .main_copy p { background-position: 0 0; background-repeat: no-repeat;}
#main_visual .main_copy p span { visibility: hidden;}
/*
#main_visual .main_copy p.copy_1 {width: 600px; height: 220px; background-image: url(/img/main/main_visual_txt.png);}
#main_visual .main_copy p.copy_2 {width: 600px; height: 220px; background-image: url(/img/main/main_visual_txt2.png);}
*/
#main_visual .main_copy p.txt {width: 194px; height: 59px; background-image: url(/img/main/main_visual_txt2.png); margin-top: 105px}
#main_visual .roll_btn { position: absolute; top: 365px; left: 210px;}
#main_visual .roll_btn a { display: inline-block; width: 45px; height: 45px; overflow: hidden; background-color: #eee; margin-right:1px;}
#main_visual .roll_btn a img {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
#main_visual .roll_btn a.active { background-color: #142457;}
#main_list { overflow: hidden; position: absolute; left: auto; max-width: 400px; right: 0; top: 0; bottom: 0; *zoom: 1;}

.main_list { float: left;}
.main_list li.depth { position: relative; float: left;}
.main_list a.more_linkBox { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.main_list a.more_linkBox em { display:block;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.main_list h2 { padding: 30px 0 0 15px; height: 40px; font-size: 1.2em; line-height: 1.1em; font-weight: 700;}

.main_list p.new_horizons { padding: 0;}
.main_list p { padding: 0 0 0 15px;}
.main_list p,
.main_list a { font-size: 0.89em; line-height: 1.3em; letter-spacing:-0.3px}

/* 작업 */
#notice.main_list { position: absolute; top: 0; left: 0; bottom: 0; background-color: #27a258}
/* 작업 */
#notice.main_list li.depth { width: 100%;}
#biz.main_list { width: 100%;}
#biz.main_list li.depth { width: 50%; float: left;}

#main_list {min-width: 400px; max-width: 400px;}
.main_list li.depth { height: 200px; min-width: 200px;}
.pc .main_list li.depth { min-height: 313px;}
#notice.main_list { width: 200px;}

/* 작업 */
#notice a.more_linkBox { border-right: 1px solid #2f8e55; border-bottom: 1px solid #2f8e55}
#notice li:hover a.more_linkBox,
#notice li:active a.more_linkBox { border: 5px solid #fff;background: url(/img/main/btn_go.png) 90% 15px no-repeat;z-index:1;}
#notice h2 { color: #fff;}
#notice p,
#notice a { color: #fff;}
#notice a:hover { color: #fff; text-decoration: none;}
/* 작업 */

#notice li.news ul { padding-left: 13px; margin-top:13px;}
#notice li.news li { margin-bottom: 1px;}
#notice li.news li > span { padding-left: 9px; padding-right: 15px; display: block; position: relative;
background-image: url(/img/main/bul_news_on.gif); background-position: 0 8px; background-repeat: no-repeat; *background-position: 0 11px;z-index:2; color:#fff;}
#notice li.news li a:hover,
#notice li.news li a:active { background-image: url(/img/main/bul_news_on.gif); }
#notice li.news li a em.date { display: block; font-weight: bold; font-size: 0.8em;}
#notice li.news li a span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#notice li.horizon .rolling { position:absolute; bottom: 0; left: 0; right: 0; padding: 0 15px 16px 15px; width: auto; height:123px;}
#notice li.horizon .rolling li { text-align: center; width: 100%;}
#notice li.horizon .rolling img { width: 100%;}
#notice li.horizon .rolling .bx-wrapper { max-width: 190px !important;margin:0 auto;}
/*
#notice li.horizon .bx-controls { position: absolute; right: 0; bottom: 0;}
#notice li.horizon .bx-controls a { float: left; width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; overflow: hidden;}
#notice li.horizon .bx-controls a.bx-prev { margin-right: 1px; background: url(/img/main/btn_arr_l.gif);}
#notice li.horizon .bx-controls a.bx-next { background: url(/img/main/btn_arr_r.gif);}
*/

#notice li.film .movie { display: block; padding: 0 15px; margin:0 auto; max-width:190px; text-align: center;}
#notice li.film .movie img { width: 100%;}

#notice li.yardtour .tour { display: block; padding: 0 15px; margin:0 auto; max-width:190px; text-align: center; margin-top:40px;}

/* 작업 */
#biz.main_list { background: url(/img/main/line.gif) right top #fbfbf4 repeat-y;}
#biz a.more_linkBox { border-right: 1px solid #e0e0db; border-bottom: 1px solid #e0e0db;}
#biz li:hover a.more_linkBox,
#biz li:active a.more_linkBox  { border: 5px solid #3bb16a; background: url(/img/main/btn_yellow_go.png) 90% 15px no-repeat;}
#biz h2 { color: #000; font-family: 'HDHyundai-Medium'; }
#biz li.depth { background-position: right bottom; background-repeat: no-repeat;}
#biz li.ship { background-image: url(/img/main/m_img_ship.png);}
#biz li.offshore { background-image: url(/img/main/m_img_offshore.png);}
#biz li.engine { background-image: url(/img/main/m_img_engine.png);}
#biz li.plant { background-image: url(/img/main/m_img_plant.png);}
#biz li.equip { background-image: url(/img/main/m_img_equip.png);}
#biz li.green { background-image: url(/img/main/m_img_green.png);}
#biz li.elec { background-image: url(/img/main/m_img_elec.png);}
#biz li.global { background-image: url(/img/main/m_img_global.png);}
#biz li.special { background-image: url(/img/main/m_img_special.png);}
#biz li.rnd { background-image: url(/img/main/m_img_r&d.png);}
#biz li.overview { background-image: url(/img/main/m_img_overview.png);}
#biz li.vision { background-image: url(/img/main/m_img_vision.png);}

#biz a.bro_down { position: absolute; right: 0; bottom: 0; z-index: 2; width: 25px; height: 25px; background-color: #9c9c9c; 
background-image: url(/img/main/btn_download.png); background-position: center center; background-repeat: no-repeat;}
#biz a.bro_down em { display: block; position: absolute; right: 35px; top: 2px; color: #3bb16a; text-align: right;
width:0;height:0;overflow:hidden;}

#biz li:hover a.bro_down { background-color: #3bb16a;}
#biz li:hover a.bro_down em { overflow:visible;width: 110px;height:auto;}
/* 작업 */

div.view_player { display: none; position: absolute; left: 50%; top: 100px; width:600px; padding: 0 30px 10px 30px; border-top: 5px solid #2e3669; background: #0f0f0f; z-index: 1001;}
div.view_player h1 { padding: 30px 0 50px 0; font-size: 0; line-height: 0;}
div.view_player .close_pop { position: absolute; top: 15px; right: 15px; cursor: pointer; z-index:10;}
div.layer_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1000; background-color: #0f0f0f; opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
div.jp-video { background-color:#0f0f0f;}
div.jp-interface { position: relative; background-color:#0f0f0f; width:100%;}

/* @group CONTROLS */
div.jp-controls-holder { width: 100%; height: 40px; position: relative; overflow:hidden;}
div.jp-interface ul.jp-controls { overflow:hidden;}
div.jp-interface ul.jp-controls,
div.jp-interface ul.jp-controls li { display:inline; float: left;}
div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px;}
a.jp-play,
a.jp-pause { width:47px; height:12px; margin: 13px 0 0;}
a.jp-play { background: url(/img/content/player/p_play.gif) no-repeat;}
a.jp-pause { background: url(/img/content/player/p_pause.gif) no-repeat; display: none;}
/* @end */

/* @group progress bar */
div.jp-progress { overflow:hidden; background-color: #585858;}
div.jp-video div.jp-progress { position: absolute; top: 17px; left: 55px; right: 105px; width: auto; height:4px; z-index: 2;}
div.jp-seek-bar { background-color: #b5b5b5; width:0px; height:100%; cursor: pointer;}
div.jp-play-bar { background-color: #3947a6; width:0px; height:100%;}
/* @end */

/* @group volume controls */
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute { position: absolute; top:13px; right: 45px; width:45px; height:13px;}
a.jp-mute { background: url(/img/content/player/p_mute.gif) no-repeat;}
a.jp-unmute { background: url(/img/content/player/p_unmute.gif) no-repeat; display: none;}
div.jp-volume-bar { position: absolute; overflow:hidden; background: url(/img/content/player/p_vol.gif) no-repeat; 
	width:43px; height:13px; cursor: pointer; top:13px; right: 0;}
div.jp-volume-bar-value { background: url(/img/content/player/p_vol_on.gif) no-repeat; width:0px; height:13px;}
/* @end */

div.jp-video-play { width:100%; overflow:hidden; cursor:pointer; position: absolute; top: 0; bottom: 45px; left: 0; right: 0;}
a.jp-video-play-icon { position:absolute; display:block; width: 74px; height: 74px; margin-left:-37px; margin-top:-37px; 
	left:50%; top:50%; background: url(/img/content/player/play.png) no-repeat; text-indent:-9999px;}
div.jp-jplayer { width:100%; height:auto;}
div.jp-jplayer { background-color: #0f0f0f; text-align: center;}

div.video-hhi { position:relative; width: 100%;}
#movie_player object { height: 400px !important; }

div.jplay_caption {padding:5px;height:130px;overflow:auto;background:#000;color:#B5B5B5;border:1px solid #B5B5B5;}
div.jplay_caption a{color:#FFF;position:absolute;top:0px;left:-1000px;} 
div.jplay_caption a:hover, 
div.jplay_caption a:active, 
div.jplay_caption a:focus{position:relative;top:0;left:0;}



/*privacy popup*/
#pop_area {	padding: 40px 40px 20px 40px;}
#pop_area * { /* font-family: Arial*/ font-family: 'HDHyundai-Medium';}
#pop_area h1 { margin-bottom: 20px; color: #233071; font-size: 36px; line-height: 40px;}
#pop_area section { padding: 0; margin-bottom: 30px;}
#pop_area section h2 { margin-bottom: -10px; padding-left: 13px; color: #233071; font-size: 15px;
	background: url(/img/content/bul_li01.gif) 0 8px no-repeat;
}
#pop_area section p { margin-top: 15px;}
#pop_area section.top_button { margin-top: 120px; margin-bottom: 0; text-align: right;}


/* Error page*/
body.error { background: #e9e9e9;}
#error_wrap { position: relative; height: 100%; min-width: 538px; min-height: 500px;}
#error_wrap.mob { min-width: 320px; min-height: auto;}
#error_wrap h1 { height: 60px; background: #252e63;}
.error_box { position: absolute; width: 538px; height: 375px; top: 50%; left: 50%; margin: -187px 0 0 -269px;}
.error_box h2 { font-size: 0; line-height: 0;}
.error_box .error_msg { text-align: center;height: 262px; background: url(/img/error/bg.gif) left top no-repeat;}
.error_box .error_msg h3 { color: #909090; font-size: 26px; line-height: 30px; padding: 30px 0;}
.error_box .error_msg p { color: #555; font-size: 16px; /* font-family: arial*/ font-family: 'HDHyundai-Medium';}
.error_box .error_msg .btn { padding-top: 20px;}

.mob .error_box { width: 100%; top: 150px; left: 0; right: 0; margin: 0;}
.mob .error_box h2 img { width: 100%;}
.mob .error_box .error_msg { background-size: 100% auto;}
.mob .error_box .error_msg h3 { font-size: 18px; line-height: 20px; padding: 15px 0;}
.mob .error_box .error_msg p { font-size: 11px; line-height: 14px;}
.mob .error_box .error_msg .btn { padding-top: 10px;}
.mob #page_error.error_msg .btn img { width: 110px;}


@media print{
	#header,
	#page_menu,
	#path_loc,
	#footer { display: none;}
	#container { padding: 0 !important;}
	#contents.social article.edu,
	#contents.social article.sport { margin-top: 80px; *margin-top: 60px;}
}



/**** Device PC ****/
@media only screen and (min-width:1050px) {
	#container { padding: 40px 40px 120px 480px;}
	#container.f_con { padding-left: 260px;}
	#container.f_con.s_on { padding-left: 480px;}

	footer { position: fixed; top: 420px; left: 0; width: 180px;}
	footer .menu li a { padding-left: 3px;}
	footer .menu li.on a,
	footer .menu li:hover a { color: #233071; background: #fff;}
	footer .link { margin-top: 15px;}
	footer .link li.mnu { margin: 3px 0 0;}
	footer .link li.mnu a { height: 22px; padding-left: 8px; line-height: 21px; font-family: 'HDHyundai-Medium'; 
	background-image: url(/img/include/news_bul.gif); background-position: right 0;background-repeat: no-repeat;}
	footer .link li.mnu:hover a,
	footer .link li.mnu.on a { background-position: right -22px;}
	footer .link .opt { position: absolute; width: 100%; top: 22px; left: 0; padding-top: 1px;}
	footer .link .opt ul { padding: 5px 0;}
	footer .link .opt li a:hover { color: #fff; background: #233071;}
	footer .address { padding-top: 35px;}
	footer .address p.privacy {margin-top:8px;}
	footer .address p.mark {margin:16px 0px 0px -20px;text-align:center;}

	body#main #header { position: absolute; width: 180px; opacity: 0.95; padding-right: 0;}
	body#main #header.mnuOn { padding-right: 220px;}
	body#main #gnb .gnb_sub { position: absolute; left: 180px; z-index: 10; opacity: 0.95;}
	body#main #footer { z-index: 2;}
	body#main #footer { position: absolute; width: 140px; bottom: 0;}
	body#main #footer .address { position: absolute; bottom: 30px; left: 15px; width: 160px;}
	body#main .rolling ul li img { width: 100%;}
	body#main #header,
	body#main section,
	body#main .main_list { min-height: 800px;}
}


/**** Device Tablet ****/
@media only screen and (min-width:700px) and (max-width:1050px){
	#wrap { padding-top: 45px; height: auto;}
	#header { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 45px; opacity: 1;}
	#header h1 { float: left; width: 145px; height: 35px; padding-top: 10px;}
	#header h1 img { width: 200px; margin:0; margin-left: 10px; margin-top:3px}
	#gnb { padding-left: 145px; border-top: 0;}
	#gnb li { float: left; width: 20%; *width: 19.9%;}
	#gnb li a { height: 45px; padding: 0; text-align: center; font-size: 0.9em; line-height: 45px; width: auto;}
	#gnb a.dep { border-bottom: 0;}
	#gnb .gnb_sub { position: absolute; width: 100%; top: 45px; left: 0; right: 0; height: 93px; opacity: 1;}
	#gnb li.last .gnb_sub { height: 47px;}
	#gnb .gnb_sub ul { position: static; padding-left: 145px; width: auto; border-top: 0; border-bottom: 1px solid #ede8df;}
	#gnb .gnb_sub li a { padding-left: 30px; padding-top: 10px; height: 35px; text-align: left; border: 1px solid #ede8df; margin: 0 0 -1px -1px;
	font-size: 0.85em; line-height: 1.3em;}
	#gnb .gnb_sub li a em { left: 10px; top: 12px;}
	#gnb .gnb_sub li.line a { padding-top: 10px; height: 35px;}
	#gnb .gnb_sub li.line a em { top: 12px;}
	#gnb li.dep:hover a.dep,
	#gnb li.dep.on a.dep { background-image: none;}

	#container { padding: 150px 20px 120px 20px; max-width: 1115px;}
	#container.f_con { padding-top: 80px; padding-left: 20px;}
	#container.f_con.s_on { padding-left: 20px;}
	#container.f_con #page_menu { top: 20px;}

	footer { background: #2e3669; position: relative; top: auto; left: auto; width: auto; height: 120px;}
	footer:after { content:""; display: table; clear: both;}

	footer .menu { overflow: hidden; padding-top: 15px;font-size: 1.2em; *zoom: 1;}
	footer .menu li { float: left; padding: 0 20px; background: url(/img/include/foot_bar.gif) left center no-repeat;}
	footer .menu li:first-child { padding-left: 0; background: none;}
	footer .menu li a { padding-left: 0;}
	footer .menu li.on a,
	footer .menu li:hover a { color: #bdc2df; background: #2e3669; text-decoration:underline;}
	footer .link { margin: 0; position: absolute; top: 15px; right: 20px; min-width: 180px;}
	footer .address { padding-top: 15px;}
	footer .address p.browser { display: none;}
	footer .address address br { display: none;}
	footer .link li.mnu a { *width: 180px;}
	footer .link .opt { top: auto; bottom: 22px; padding-bottom: 1px; padding-top: 0;}
	footer .link .opt li a { background-image: none; width: auto;}
	footer .link .opt li a:hover { color: #fff; background: #233017;}
	footer .address { padding-top: 15px;}
	footer .address p.mark {position:absolute;right:218px;bottom:16px;}

	body#main #header { position: absolute; width: 100%; opacity: 1;}
	body#main #header.mnuOn { padding-right: 0;}
	body#main #gnb .gnb_sub { position: absolute; left: 0; opacity: 1;}
	body#main footer { position: relative; width: auto;}
	body#main footer .address { position: static; width: auto;}
	body#main #header,
	body#main section,
	body#main .main_list { min-height: 1%;}

	body#main #main_visual { min-height: 320px; height: 320px; width: 100%; max-width: 100%; margin: 0; min-width: 100px;}
	body#main #main_visual .rolling,
	body#main #main_visual .rolling ul,
	body#main #main_visual .rolling li { min-height: 320px; height: 320px; overflow: hidden; width: 100%;}
	body#main #main_visual .rolling li img { height: auto; min-height: 320px;}
	body#main #main_visual .rolling ul.pad li.v_0 img { width: 1050px; margin: -250px 0 0 0;}
	body#main #main_visual .rolling ul.pad li.v_1 img { width: 1050px; margin: -120px 0 0 0;}
	body#main #main_visual .rolling ul.pad li.v_2 img { width: 1050px; margin: -470px 0 0 0;}
	body#main #main_visual .main_copy { top: 45px; left: 15px; position: absolute;}
	body#main #main_visual .main_copy #img1 {width: 550px; height: auto; margin-left:10px}
	body#main #main_visual .main_copy #img2 {width: 550px; height: auto; margin-left:10px}
	body#main #main_visual .roll_btn { position: absolute; top: 258px; left: auto; right: 16px;}
	body#main #main_visual .roll_btn a,
	body#main #main_visual .roll_btn a img { width: 30px; height: 30px;}


	body#main #main_list { position: static; padding: 0; min-width: 100%; min-height: 10px; max-width: 100%;}
	body#main .main_list { min-height: 10px;}
	body#main #notice { position: static;}
	body#main #notice.main_list { width: 100%;}
	body#main #notice li.horizon .rolling { height:143px;}
	body#main .main_list li.depth { float: left; width:33.33%; min-width: 100px; min-height: 220px;}
	body#main .main_list li.depth.film,
	body#main .main_list li.depth.engine,
	body#main .main_list li.depth.global { *float: none; *width: auto;}

	#notice li.yardtour .tour { margin-top:0}
	#notice li.yardtour > p {display:none;}
	#notice li.yardtour .tour img {width:100%;}
	
	div.view_player { display: none; position: fixed; width: auto; left: 0; top: 0 !important; bottom: 0; right: 0; margin:0 !important; padding: 0 10px 10px;}
	div.view_player h1 { padding: 20px 0 0; height: 50px;}
	div.view_player .close_pop { top: 5px; right: 5px;}
	div.layer_bg { display:none;}
	#movie_player object { height: auto !important; }
	#movie_player img { max-width: 900px; max-height: 600px;}
	#movie_player video { max-width: 900px; max-height: 600px;}
}

/* Device Mobile & Tablet common */
@media only screen and (max-width:1050px){
	#gnb .gnb_sub li dl,
	#gnb .gnb_sub li.on dl.d_type1,
	#gnb .gnb_sub li.on dl.d_type2{width:100%;height:auto;padding-bottom:10px;}
}

/**** Device Mobile ****/
@media only screen and (max-width:700px){
	#wrap { min-width: 320px;}
	#header { position: relative; z-index: 2; min-height: 45px; bottom: auto; width: 100%; height: auto;}
	#header h1 { width: 100%; padding-top: 9px; height: 35px; padding-top: 10px; text-align: left; border-bottom: 1px solid #364172;}
	#header h1 img { width: 180px; margin-left: 12px; height:auto; margin-top:0;}
	#header .mob_list { visibility: visible; position: absolute; top: 0; right: 0; height: 44px; width: 45px; 
	border-left: 1px solid #364172; background: url(/img/main/mob_link.gif) no-repeat; z-index: 5;}
	#header .mob_home { visibility: visible; position: absolute; top: 46px; left: 0; height: 45px; width: 45px; 
	background: url(/img/main/mob_home.gif) no-repeat; z-index: 5;}
	#header .mob_list em,
	#header .mob_home em { display: none;}


	#gnb { background: rgba(46,54,105,0.9); border-top: 0;}
	#gnb li { float: left; width: 100%; display: none;}
	#gnb li a { height: 45px; font-size: 0.9em; line-height: 45px; padding: 0;}
	#gnb li a.dep { padding-left: 60px;}
	#gnb .gnb_sub { display: none; position: static; width: 100%;}
	#gnb .gnb_sub ul { position: static; width: auto; border-bottom: 1px solid #ede8df; border-top: 0;}
	#gnb .gnb_sub li > a { padding-left: 30px; padding-top: 0 !important; height: 44px !important; border: 1px solid #ede8df; margin: 0 0 -1px -1px;
	font-size: 0.85em; line-height: 44px !important; background: #e2dacb; color: #4b4841}
	#gnb .gnb_sub li > a em { left: 10px; top: 17px !important;}
	#gnb .gnb_sub li.current > a { background: #fff; color: #233071;}
	#gnb li.dep:hover > a.dep,
	#gnb li.dep.on > a.dep { border-bottom: 0; background-image: none;}
	#gnb li.current > a.dep { background: #2e3669; color: #fff;}
	#gnb li.current,
	#gnb li.current .gnb_sub,
	#gnb li.current .gnb_sub li { display: block;}
	#gnb .gnb_sub br { display: none;}
	#gnb.show,
	#gnb.show li { display: block !important;}
	#gnb.show .gnb_sub { display: none !important;}
	#path_loc { display: none;}


	#container { padding: 175px 20px 120px 20px; max-width: 100%;line-height:1.5em;}
	#container.f_con { padding-top: 30px; padding-left: 20px;}
	#container.f_con.s_on { padding-left: 20px;}
	#contents { width: 100%;}
	#contents h3.title{font-size:1.3em;}

	footer { background: #2e3669; position: relative; top: auto; left: auto; width: auto; height: auto; padding:0;}
	footer:after { content:""; display: table; clear: both;}
	footer .menu { display:none;}
	footer .link { margin: 0;}
	footer .link li.mnu { margin: 0; background: none;}
	footer .link li.mnu:hover,
	footer .link li.mnu.on { background-color: #2e3669;}
	footer .link li.mnu a { height: 44px; padding-left: 15px; line-height: 44px; color:#bdc2df !important; border-bottom: 1px solid #3d4474;}
	footer .link li.mnu > a { background: url(/img/main/mob_bul02.gif) right top no-repeat !important;}
	footer .link li.mnu a:hover {text-decoration:underline;}
	footer .link .opt { width: 100%; margin: 0;position:static;padding:0;}
	footer .link .opt ul { border: 0; padding: 0;}
	footer .link .opt li { height: auto;}
	footer .link .opt li a { color: #666 !important; background-image: none; border-bottom: 1px solid #f0f0f0 !important;}
	footer .link .opt li a:hover { background: none;}
	footer .address { padding: 15px;}
	footer .address p.browser { display: none;}
	footer .address address br { display: none;}
	footer .address p.mark {text-align:right;margin-top:-16px;}


	.item_link a { float: none; margin: 0;}
	.item_link p span { float: none; display: block; padding-left: 0;}
	.item_tab li a { font-size: 0.8em;}


	body#main #header { position: relative; min-height: 45px; bottom: auto; width: 100%; height: auto; opacity: 1;}
	body#main #header.mnuOn { padding-right: 0;}
	body#main #gnb .gnb_sub { position: static; opacity: 1;}
	body#main footer { position: relative; width: auto;}
	body#main footer .address { position: static; width: auto;}
	body#main #header,
	body#main section,
	body#main .main_list { min-height: auto;}

	body#main #header .mob_home { display: none;}
	body#main #gnb li a.dep { padding-left: 15px;}

	body#main #main_visual { min-height: 160px; height: 160px; overflow: hidden; width: 100%; max-width: 100%; margin: 0; min-width: 100px;}
	body#main #main_visual .main_copy { top: 20px; left: 15px; position: absolute;}
	body#main #main_visual .main_copy #img1 {width: 280px; height:auto; background-size: 100% auto;}
	body#main #main_visual .main_copy #img2 {width: 280px; height:auto; background-size: 100% auto;}
	body#main #main_visual .main_copy p.txt {display: none;}
	body#main #main_visual .roll_btn { position: absolute; top: auto; left: auto; bottom: 16px; right: 16px;}
	body#main #main_visual .roll_btn li { float: left; margin-right: 0; margin-left: 8px;}
	body#main #main_visual .roll_btn a { width: 6px; height: 6px; background-color: #333;}
	body#main #main_visual .roll_btn a.active { background-color: #4365d0;}
	body#main #main_visual .roll_btn a img { display: none;}
	body#main #main_visual .rolling,
	body#main #main_visual .rolling ul,
	body#main #main_visual .rolling li { min-height: 160px; height: 160px; overflow: hidden;}
	body#main #main_visual .rolling li img { width:100%; height: auto; min-height: 100%;}
	body#main #main_visual .rolling ul.mob li.v_0 img { margin: -80px}
	body#main #main_visual .rolling ul.mob li.v_1 img { margin-top:-50px}
	body#main #main_visual .rolling ul.mob li.v_2 img { margin-top:-30px}
	body#main #main_visual .rolling ul.mob li.v_3 img { margin-top:-80px}
	body#main #main_visual .rolling ul.mob li.v_4 img { margin-top:-30px}

	body#main #main_list { position: static; padding: 0; min-width: 100%; min-height: 10px; max-width: 100%;}
	body#main .main_list { min-height: 10px;}
	body#main #notice { position: static;}
	body#main #notice.main_list { width: 100%;}
	body#main .main_list li.depth { float: left; width: 25%; min-width: 150px;}
	body#main .main_list li.depth.yardtour {width:50%; height:220px !important;}

	body#main .main_list li.depth.yardtour .tour { margin-top:0}
	body#main .main_list li.depth.yardtour > p {display:none;}
	body#main .main_list li.depth.yardtour .tour img {width:100%;}

	body#main #notice li.news { width: 100%; height: auto; border-bottom: 1px solid #379c5f;}
	body#main #notice li.news a.more_linkBox { display: none;}
	body#main #notice li.news h2 { display: none;}
	body#main #notice li.news li { margin: 0; height: 45px; background: url(/img/main/mob_bul03.gif) right top no-repeat;}
	body#main #notice li.news li a { position: relative; height: 45px; line-height: 45px; background-position: 0 center}
	body#main #notice li.news li a em { position: absolute; top: 0; left: 9px;}
	body#main #notice li.news li a span { width: 100%;}

	body#main #notice li.report { width: 100%; height: 45px;  border-bottom: 1px solid #379c5f;}
	body#main #notice li.report h2 { padding-top: 0; height: 45px; line-height: 45px;}
	body#main #notice li.report p { display: none;}
	body#main #notice li.report a.more_linkBox,
	body#main #notice li.report:hover a.more_linkBox { border: 0; background: url(/img/main/mob_bul03.gif) right top no-repeat;}

	body#main #notice li.horizon,
	body#main #notice li.film { width: 50%; height: 220px !important;}
	body#main #notice li.horizon .rolling { height:143px;}

	body#main #biz li.depth { width: 50%; height: 200px !important;}
	body#main #biz li a.bro_down { display: none;}

	#notice li.film,
	#biz li.depth.offshore,
	#biz li.depth.engine,
	#biz li.depth.green,
	#biz li.depth.global { *float: none; *width: auto; min-width: 100px;}

	#page_menu { top: -15px;}

	#container { padding-top: 45px; padding-bottom: 40px;}
	#container .title_area h1 { font-size: 2.5em; line-height: 1em;}
	#container h2.title { font-size: 1.5em;}

	/* Intro article */
	article.intro p.intro_img { float: none; text-align: center; margin: 0 auto 20px;}

	section.message p.cont_img { float: none; margin: 0 auto;}
	section.message article { padding-left: 0;}

	section.glance .business,
	section.glance .workforce,
	section.glance .yard,
	section.glance .con_list li { float: none; width: 100%;}

	section.phil dl.wisdom,
	section.phil dl.thinking,
	section.phil dl.drive {float:none; width: 100%; margin: 0 0 25px 0;}
	section.phil dl.txt_list p {text-indent: -22px; margin-left: 22px; line-height: 1.4em;}

	section.vision .val_list { margin-left: 0;}
	section.vision .val_list li {float: none; width: 100%; margin: 0 0 25px 0;}
	section.vision .val_list h4 { height: auto; margin-left: 0; font-size: 1.3em;}
	section.vision .val_list p { margin-left: 0;}

	section.history .item_record { float: none !important; width: 100% !important;}

	section.social .txt_list dd p.img { width:120px;}
	section.social .txt_list dd div.txt { padding-left: 0; *display: inline;}
	section.social .txt_list dd div.txt ul { clear: both;}
 
	section.media { padding-top: 295px; padding-left: 0; background: url(/img/content/contact/contact_img.gif) center 40px no-repeat;}
	section.magazine p.cont_img { float: none; width: 280px; margin: 0 auto; padding: 0; background: none;}
	section.magazine .mag_txt { min-height: 50px; margin-bottom: -30px;}
	section.sitemap article { float: none; width: 100%;}
	section.sitemap article .site_link { margin: 0;}

	section.biz_divisions .biz_roll { padding: 0 0 20px 0; float: none; margin: 0 auto;}
	section.news .news_list .item_img {float: none;}
	section.news .news_view .item_cont .i_img  {float: none; padding-right: 0; width: 100%;}
	section.news .news_view .item_cont .i_img img {margin: 0 auto;}
	section.news .news_view .item_cont .i_txt {padding-left: 0 !important;}

	section.global .global_tel li { float: none !important; width: 100% !important; min-height: auto; padding-bottom: 25px;}
	section.global .global_tel li h5,
	section.global .global_tel li dl {margin: 0 !important;}
	section.global .item_tab { height: 68px; padding: 0 1px;}
	section.global .item_tab li { width: 33.3% !important; height: 32px; margin: 0 -1px -1px; background-position: 0 -2px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
	section.global .item_tab li a { height: 32px; background-image: none;}
	section.global .item_tab li a.on { background: url(/img/content/bg_tab_on2.gif) left top repeat-x;}
	section.global .item_tab li span { background: none;}
	
	/* 웹접근성 관련 수정 */
	section.global .nw_con {padding-top:86px;}
	section.global .nw_con h3.tab {width: 33.3% !important; height:32px; margin: 0 -1px -1px; background-position: 0 -2px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
	section.global .nw_con h3.tab a {height: 32px; background-image: none;}
	section.global .nw_con h3.tab a span {height:32px; background: none;}
	section.global .nw_con h3.tab a.on {background: url(/img/content/bg_tab_on2.gif) left top repeat-x;}
	section.global .nw_con #nw_tabT02, section.global .nw_con #nw2_tabT02 {left:33.3%;}
	section.global .nw_con #nw_tabT03, section.global .nw_con #nw2_tabT03 {left:66.6%;}
	section.global .nw_con #nw_tabT04, section.global .nw_con #nw2_tabT04 {top:31px;left:0;}
	section.global .nw_con #nw_tabT05, section.global .nw_con #nw2_tabT05 {top:31px;left:33.3%;}
	section.global .nw_con #nw_tabT06, section.global .nw_con #nw2_tabT06 {top:31px;left:66.6%;}

	div.view_player { display: none; position: fixed; width: auto; left: 0; top: 0 !important; bottom: 0; right: 0; margin:0 !important; padding: 0 10px 10px;}
	div.view_player h1 { padding: 20px 0 0; height: 50px;}
	div.view_player .close_pop { top: 5px; right: 5px;}
	div.layer_bg { display:none;}
	#movie_player object { height: auto !important; }
	#movie_player img {max-width: 330px; max-height: 220px;}
	#movie_player video { max-width: 330px; max-height: 220px;}
}

@media hansheld, only screen and (max-width:700px) {
	html,body {-webkit-text-size-adjust: none;}
}

/* 161212 추가 */
@media only screen and (max-width:500px){
	#container{padding: 45px 10px 40px 10px;}
	.biz_prd .prd_img.p_ship{width:100%;}
	.biz_prd .prd_list.p_ship{width:100%;padding-bottom:8px;}
	.biz_prd .prd_list.p_ship a{float:left;width:16.666%;}	

	
	.board_list > table tbody td, .board_list > table tbody th, .board_list > table tbody td{padding:5px;}		
}

@media only screen and (max-width:320px){
	.tableScroll{overflow-x: auto;}
	.board_list {width:320px;}
	ul.board_list {width:auto;}
	
	
}

/* 20170925 popup 추가 */
.idx_popup{ z-index:50;  position:fixed; top: 10px; left: 20%;  }
.idx_popup .popup_cnt { position: relative; width: 400px; box-sizing:border-box; }
.idx_popup .popup_cnt .pop_tbox img{vertical-align:top}
.idx_popup .popup_cnt .popup_bar { position:relative; height: 25px; background:#ddd; overflow:hidden;}
.idx_popup .popup_cnt .popup_close {float:right; display:inline-block; padding-right:10px;line-height: 25px;}
.idx_popup form label { float:left; display:inline-block;line-height: 25px; cursor: pointer;padding-left:10px; }
.idx_popup input { vertical-align: middle; margin-right: 5px;  }

@media only screen and (max-width:1024px){
	.idx_popup {display:none !important;}	
	.idx_popup.mo_popup {display:block !important; top:146px !important; left:10px !important}
}
@media only screen and (max-width:700px){
	.idx_popup.mo_popup {top:100px !important}
}
/* 20190510 추가 */
.term_scroll {border:1px solid #d4d4d4; padding:0 10px 10px 10px; height:150px; overflow-y:scroll; margin-bottom:15px;}
.term_agree .ipt {position:relative; margin-top:10px; padding-bottom: 45px;}
.term_agree .ipt label {display:inline-block; margin-right: 10px;  cursor: pointer;}
.term_agree .ipt input{width:16px; height:16px;}
.term_agree .download {display:none; position: absolute; bottom:0; left: 0; margin-bottom: 0;}
.term_agree .ipt .agree:checked ~ .download {display: block;}

#contents p.cont_txt_note2 span { font-size: 15px; color: #233071; font-weight: bold;}
#contents p.cont_txt_note2 { margin: 0 0 5px 0; color: #233071;}

/* 그린 리포트 20200526 */
.green_report {overflow:hidden;}
.green_report li {position:relative; float:left; width:50%; min-height:225px; padding:30px 20px 0 185px; box-sizing:border-box}
.green_report li .img {position:absolute; top:0px; left:0; width:160px;}
.green_report li strong {display:block; margin-bottom: 25px; color: #233071; font-weight: 600; font-size: 1.4em; line-height: 1.2em; /* font-family:'Ubuntu'*/ font-family: 'HDHyundai-Medium';}
.green_report li p {margin-bottom:30px; color:#666}
@media only screen and (max-width:1300px){
	.green_report li {float:none; width:100%; min-height:245px; padding:40px 20px 0 185px; border-bottom:1px dashed #d0d0d0}
	.green_report li .img {top:20px}
}
@media only screen and (max-width:620px){
	.green_report li {float:none; width:100%; min-height:190px; padding:30px 15px 0 145px;}
	.green_report li .img {top:10px; width:130px;}
	.green_report li strong {font-size:16px}
	.green_report li p {font-size:12px}
}

.about_com { position: relative; margin-bottom: 50px; width: auto; height: 550px; background:url(/img/content/about/bg_about02.jpg) no-repeat 50% 50%;}
.about_com ul { position: absolute; bottom: 0px; left: 0px; padding: 20px 20px 13px; width: 500px; background:rgba(4, 34, 87, 0.8); color: #fff; }
.about_com ul li { padding: 9px 0px; border-bottom:1px solid rgba(255, 255, 255, 0.1) }
.about_com ul li:first-child { padding-top: 0px; }
.about_com ul li span { display: block; float: left; margin-right: 14px; width:125px; background: url(/images/common/line_v.png) no-repeat 100% 50%;}
.about_com ul li span.linebr { float: none; margin-left: 96px; width: auto; background: none; }
.about_com ul li.last_li { border:0 none; }
.about_com ul li .row2 {display:inline-block; padding-top:10px;}

@media only screen and (max-width:1200px){
	.about_com ul {width:100%; box-sizing:border-box}
}

@media only screen and (max-width:600px){
	.about_com {height:400px; margin-bottom:20px;}
	.about_com ul {padding:10px 10px 0 10px}
	.about_com ul li span {display:block; width:100%; font-weight:bold}
	.about_com ul li br {display:none}
	.about_com ul li .row2 {padding:0}
}

/* 220112 50주년기념 앰블럼 수정 */
#header h1 {height:130px;}
#header h1 p.eng_top_logo {margin:0 auto; margin-top:15px;}
#header h1 p.eng_top_logo img {margin-left:0;}
footer {top: 470px;}

@media only screen and (max-width: 1050px) {
	#header h1 p.eng_top_logo {display:none;}
	footer {top: auto;}
}

@media only screen and (max-width: 700px) {
	#header h1 {height:35px;}
	#header h1 p.eng_top_logo {display:block; position:absolute; right:55px; top:-6px; width:40px;}
}

/* 220121 Overview 수정 */
#contents p.title_line:after {content:""; display:block; width:40px; height:2px; background:#233071; margin-top:15px;}
.operation:after {content:""; display:block; clear:both;}
.operation {margin-top:30px;}
.operation li {float:left; width:33.3%; vertical-align:top;}
.operation li > div {background:#0c4da2; width: 200px; height: 200px; border-radius:50%; text-align: center; margin: 0 auto; color:#fff; font-size: 20px;}
.operation li:nth-child(2n) > div {background: #1a6eb5;}
.operation li:nth-child(3n) > div {background: #2372d8;}
.operation li > div > span {display:block; padding-top:65px; font-size: 16px;}
.operation li > div > span.pt80 {padding-top:80px;}
.operation li > p {text-align:center; padding: 30px 20px;}

@media screen and (max-width:1180px) {
	.operation li > div {width:170px; height:170px; font-size:17px;}
	.operation li > div > span {padding-top:55px;}
	.operation li > div > span.pt80 {padding-top:65px;}
	.operation li > p {padding:20px; font-size:13px;}
	.operation li > p > br {display:none;}
	.operation li > p span {display:inline;}
}

@media screen and (max-width:640px) {
	.operation li > div {width:120px; height:120px; font-size:15px;}
	.operation li > div > span {padding-top:30px; font-size:13px;}
	.operation li > div > span.pt80 {padding-top:40px;}
	.operation li > p {font-size: 13px; word-break: keep-all;}
}

@media screen and (max-width:414px) {
	.operation li {width:100%;}
	.operation li > p > br {display:block;}
}

.esg_box:after {content:""; display:block; clear:both;}
.esg_box {position:relative;}
.esg_box .esg_img {float:left; width:50%;}
.esg_box .esg_txt {position:absolute; width:45%; top:10%; right:0; background-color:#f8f8f8; padding:60px;}
.esg_box .esg_txt > h4 {font-size: 25px; border-bottom:1px solid #c3c3c3; padding-bottom:20px; margin-bottom:30px;}
.esg_box .esg_txt > a.go_esg {display:inline-block; background-color:#0c4da2; color:#fff; padding:8px 30px; font-size:14px; font-weight:600; padding-bottom:10px;}
.esg_box .esg_txt > p {margin-bottom:20px;}

@media screen and (max-width:1280px) {
	.esg_box .esg_txt {padding:30px;}
	.esg_box .esg_txt > h4 {font-size:20px;}
}

@media screen and (max-width:1050px) {
	.esg_box .esg_img {display:none;}
	.esg_box .esg_txt {position:relative; width:90%;}
}

@media screen and (max-width:800px) {
	.esg_box .esg_img > img {width:100%;}
	.esg_box .esg_txt {padding:30px;}
	.esg_box .esg_txt > h4 {font-size:20px; padding-bottom: 10px; margin-bottom: 20px;}
	.esg_box .esg_txt > p {font-size:14px;}
}

@media screen and (max-width:750px) {
	.esg_box .esg_img {display:none;}
	.esg_box .esg_txt {position:relative; width:auto; padding:15px;}
}

@media screen and (max-width:414px) {
	.esg_box .esg_txt > h4 {font-size:16px;}
	.esg_box .esg_txt > a.go_esg {font-size:13px; padding:5px 20px;}
	.esg_box .esg_txt > p {font-size:13px;}
	.esg_box .esg_txt > p br {display:none;}
}

/* 20220316 수정 */
.re_con {position:relative;padding-top:54px;}
.re_con h3.tab {position:absolute; width: 33%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ font-family: 'HDHyundai-Medium';font-size:0.85em;font-weight:700;}
.re_con h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.9em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
.re_con h3.first {width: 33%; *width: 14.9%;}
.re_con h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.re_con h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat; line-height:13px; padding-top:10px}
.re_con h3.tab a.pr span { background-image: none;}
.re_con h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
.re_con h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.re_con #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:33%;}
.re_con #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:0;left:66%;}

.re_con h3.first_1 {width: 25%; *width: 14.9%;}
.re_con h3.last_1 {width: 25%; *width: 14.9%;}
.re_con h3.first_1, .re_con h3.last_1 {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con #su_tabT01, section.global .nw_con #su2_tabT01 {top:0;}
.re_con #su_tabT02, section.global .nw_con #su2_tabT02 {top:0;left:25%;}
.re_con #su_tabT03, section.global .nw_con #su2_tabT03 {top:0;left:50%;}
.re_con #su_tabT04, section.global .nw_con #su2_tabT04 {top:0;left:75%;}

/* 2022.04.05 영문 Environmental Management 페이지 추가 */
.management_tit {text-align:center; margin-bottom: 30px;} 
.management_tit > span {position:relative; display:block; color:#333333; font-size:16px; font-weight: 600;}
.management_tit > span > em {background-color:#fff; padding:15px;}
.management_tit > span:before {content:""; display:block; width:45%; position:absolute; left:0; top:50%; transform: translateY(-50%); border: 1px dashed #d1d1d1; z-index: -1;}
.management_tit > span:after {content:""; display:block; width:45%; position:absolute; right:0; top:50%; transform: translateY(-50%); border: 1px dashed #d1d1d1; z-index: -1;}
.management_tit > p {text-align:left; margin-top:20px; font-size:15px;}
.management_tit > p.management_box {background-color:#1760c0; color: #fff; padding: 10px; border-radius: 300px; margin-top: 20px; font-size: 15px; text-align:center;}
.management_tit > p.management_box_02 {background-color:#0c9fa2}

.management_list {display:flex; align-items: center;}
.management_list > ul {background-color:#f8f8f8; padding: 20px; border-radius: 20px; text-align: left;}
.management_list > ul > li {display:flex; margin-bottom:8px; line-height:18px;}
.management_list > ul > li:last-child {margin-bottom:0;}
.management_list > ul > li > em {margin-right:5px;}

@media screen and (max-width:700px) {
	.management_tit > p.management_box, .management_tit > p {font-size:13px;}
	.management_list {display:block; text-align:center;}
}

@media screen and (max-width:414px) {
	.management_tit > span {font-size:14px;}
	.management_tit > span > em {padding:10px;}
}

/*221019수정 통합보고서 li 두개일때

.main_report{margin-left:5%; margin-top:100px;}
.main_report li .report_btn{width:95px; height:32px; line-height:33px; cursor:pointer;  background-color:#0e60bf; color:#fff; position:absolute; top:-50px; right:0px;}
.main_report li:nth-child(1){width:45%; position:relative; }
.main_report li:nth-child(2){width:45%; margin-left:5%;}
.main_report li a .main_img{width:430px; height:310px;}

*/

/*240823 수정 통합보고서 li 한개일때*/

.main_report{margin-left:5%; margin-top:100px;}
.main_report li .report_btn{width:95px; height:32px; line-height:33px; cursor:pointer;  background-color:#0e60bf; color:#fff; position:absolute; top:280px; right:20px;}
.main_report li:nth-child(1){width:95%; position:relative; }
.main_report li span {width:100%; float:right}
.main_report li a .main_img{width:430px; height:310px;}

@media screen and (max-width:800px) {

.main_report li .report_btn{top:-50px; right:0px;}

}


/*221114 : 메인 동영상 팝업*/
#main_movie_layer {
	/*display : flex;*/
	display: none;
	position : fixed; 
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	background-color : rgba(0, 0, 0, 0.6);
	justify-content : center;
	align-items : center;
	z-index:50;
}

#main_movie_layer > .layer_content {
	width : 730px;
	height :415px;
	background-color : #000;
	padding : 15px;
	margin-bottom : -10px;
}

#main_movie_layer .exit {
	display : relative;
	color : white;
	float : right;
	margin-top : -45px;
	font-size : 120%;
	cursor : pointer;
}

@media only screen and (max-width:750px){
	#main_movie_layer > .layer_content {
		width:90%;
		height:auto;
	}

}

/* 221114 : 서브 동영상 팝업 */
#sub_movie_layer {
	/*display : flex;*/
	display: none;
	position : fixed; 
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	background-color : rgba(0, 0, 0, 0.6);
	justify-content : center;
	align-items : center;
	z-index:50;
}

#sub_movie_layer > .sub_layer_content {
	width : 730px;
	height :415px;
	background-color : #000;
	padding : 15px;
	margin-bottom : -10px;
}

#sub_movie_layer .exit {
	display : relative;
	color : white;
	float : right;
	margin-top : -45px;
	font-size : 120%;
	cursor : pointer;
}

@media only screen and (max-width:750px){
	#sub_movie_layer > .sub_layer_content {
		width:90%;
		height:auto;
	}

}


/* 20230111 메세지 수정 */

@media only screen and (max-width:700px){
section.message article.article_1 {margin:0; padding-top:20px; margin-left:-320px}
}

/* 20230117 가치체계 수정 */

section.vision .cont_img {width:100%; height:auto;  background: url(../img/content/about/cntbg_vision_en_mo.png) no-repeat; }
section.vision .cont_img_2 {display:none}

@media only screen and (max-width:501px){
section.vision .cont_img {display:none }
section.vision .cont_img_2 {display:block; width:90%; height:auto; margin-left:auto; margin-right:auto}
}


/* 20230208 메인 */

#gnb .gnb_sub li.plus a{
    height: 42px;
    padding-top: 12px;
    line-height: 1.3em;
}

#gnb .gnb_sub li.plus a em {
    top: 15px;
}

#gnb .gnb_sub li.plus a span{padding-right: 90px;}



/* 20230209 ENVIRONMENTAL MANAGEMENT*/

section.env .t_li {margin:0}

article div.certificate .cont_img {display:flex; margin-top:50px;} 
article div.certificate .cont_img li {margin-left:50px}
article div.certificate .con_txt {font-size:0.8em; text-align:center; line-height:1.3em}

article div.certificate .cont_img_top {display:flex; margin-top:50px;} 
article div.certificate .cont_img_top li {margin-left:50px}

article div.certificate .cont_img_bottom {display:flex; margin-top:50px; position:relative; left:15%;} 
article div.certificate .cont_img_bottom li {margin-left:50px}

article div.certificate .con_txt {text-align:center; line-height:1.3em; margin-top:10px; font-size:1.05em}
article div.certificate .con_time {text-align:center; line-height:1.3em; margin-top:10px;}

.management_list {margin-top:-50px}



@media only screen and (max-width:700px) {


/* .re_con h3.last a span { padding-top:5px} */

article div.certificate .cont_img_top, article div.certificate .cont_img_bottom {display:block;}
article div.certificate .cont_img_top li, article div.certificate .cont_img_bottom li {float:left; margin-bottom:30px; width:100%; margin:0 auto}
article div.certificate .cont_img_bottom li {margin-left:20px;}

article div.certificate .cont_img_top li img, article div.certificate .cont_img_bottom li img {width:200px;}
article div.certificate .cont_img_top li .con_txt, article div.certificate .cont_img_bottom li .con_txt {margin-left:0px; margin-top:30px;}
article div.certificate .cont_img_top li .con_time, article div.certificate .cont_img_bottom li .con_time {margin-left:0px; margin-top:0px; font-size:0.9em}

 article div.certificate .cont_img_bottom li .con_txt, article div.certificate .cont_img_bottom li .con_time {margin-left:-40%}

/* article div.certificate .cont_img_top li img {position:relative; left:20%} */

article div.certificate .con_time {margin-bottom:20px;}


}

@media only screen and (max-width:600px) {

article div.certificate .cont_img_top li img {position:relative; left:20%}

}

@media only screen and (max-width:410px){
.re_con h3.last a span { padding-top:0px}
}


/* 2023 10 11 sustainable supply chain manamgement */

.pdf_download img {position:absolute; max-width:100%; right:0px; top:50px}

.txt_blue { color: #233071; font-weight:700} 


.intro .download {width:30%; float:right; margin:- 50px 20px 20px 20px; }
.intro .download .cont_txt {max-width:100%; text-align:center; padding-left:30px; font-weight:700;  letter-spacing:-0.3px}

.intro_button img {max-width:100%; position:relative; left:37%; top:-20px;}


@media only screen and (max-width:700px) {
.intro .download {float:none; width:80%; margin-left:auto; margin-right:auto; margin-top:50px;}
.intro .download .cont_txt {padding:0px; }
.intro_button img {left:35%}

}


/* 2023 10 11 tab */


.re_con_new {position:relative;padding-top:54px;}
.re_con_new h3.tab {position:absolute; width: 33%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ ; font-family: 'HDHyundai-Medium';font-size:0.85em;font-weight:700;}
.re_con_new h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.95em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
.re_con_new h3.first {width: 33%; *width: 14.9%;}
.re_con_new h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.re_con_new h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat; line-height:13px; padding-top:10px}
.re_con_new h3.tab a.pr span { background-image: none;}
.re_con_new h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
.re_con_new h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.re_con_new #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con_new #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:33%;}
.re_con_new #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:0;left:66%;}

.re_con_new h3.first_1 {width: 25%; *width: 14.9%;}
.re_con_new h3.last_1 {width: 25%; *width: 14.9%;}
.re_con_new h3.first_1, .re_con h3.last_1 {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new #su_tabT01, section.global .nw_con #su2_tabT01 {top:0;}
.re_con_new #su_tabT02, section.global .nw_con #su2_tabT02 {top:0;left:25%;}
.re_con_new #su_tabT03, section.global .nw_con #su2_tabT03 {top:0;left:50%;}
.re_con_new #su_tabT04, section.global .nw_con #su2_tabT04 {top:0;left:75%;}

@media only screen and (max-width:450px) {

.re_con_new h3.tab a span {line-height:15px; padding-top:3px}

}



/* 2024 12 SUSTAINABLE 전체 수정 */

#contents h3.title_min { margin-bottom: 25px; color: #233071; font-weight: 600; font-size: 1.5em; line-height: 1.2em; letter-spacing:-0.1px; text-align:center;}

.prg_box_mg ul {text-align:center; }
.prg_box_mg ul li {margin-bottom:50px; }
.prg_box_mg ul li span {font-size:17px; font-weight:600;}
.prg_box_mg .esg_slogan li span:after { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 405px; left:600px;}
.prg_box_mg .esg_slogan li:nth-child(2) span:after { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 530px; left:600px; }
.prg_box_mg .esg_slogan li:nth-child(3) span:after { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 655px; left:600px; }
.prg_box_mg .esg_slogan li p:before { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block;  top: 405px; left: 1000px; }
.prg_box_mg .esg_slogan li:nth-child(2) p:before { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 530px; left: 1000px;}
.prg_box_mg .esg_slogan li:nth-child(3) p:before { content: ''; width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 655px; left: 1000px;}
.prg_box_mg  ul li p { background-color: #0e60bf;  width: 80%; padding: 10px; margin: 0 auto; color: #fff; border-radius: 20px; margin-top: 10px; }


.prg_box_mg ul li .esg_table { width: 100%; margin: 0 auto; text-align: center; padding-top: 40px; display: flex; margin-left: 10%;}
.prg_box_mg ul li .esg_table li {width: 24%; margin-right: 35px; border: 1px solid #d0d0d0; background-color: #e8f3f9; padding-top: 10px;}
.prg_box_mg ul li .esg_table li span {font-size: 16px; color: #355da0; line-height: 15px; width: 100%; padding: 3px;}
.prg_box_mg ul li .esg_table li p { background-color: #fff; padding: 10px; margin-bottom: 0px; color: inherit; border-radius: inherit; width:auto;}

.img_1 {display:block; width:100%}
.img_2 {display:none;}

.re_con_new6 {position:relative;padding-top:54px;}
.re_con_new6 h3.tab {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new6 h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ ; font-family: 'HDHyundai-Medium';font-size:0.85em;font-weight:700;}
.re_con_new6 h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.95em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
.re_con_new6 h3.first {width: 25%; *width: 14.9%;}
.re_con_new6 h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.re_con_new6 h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat; line-height:13px; padding-top:10px}
.re_con_new6 h3.tab a.pr span { background-image: none;}
.re_con_new6 h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
.re_con_new6 h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.re_con_new6 #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con_new6 #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:25%;}
.re_con_new6 #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:0;left:50%;}
.re_con_new6 #nw_tabT04, section.global .nw_con #nw2_tabT04 {top:0;left:75%;}

.re_con_new h3.first_1 {width: 25%; *width: 14.9%;}
.re_con_new h3.last_1 {width: 25%; *width: 14.9%;}
.re_con_new h3.first_1, .re_con h3.last_1 {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new #su_tabT01, section.global .nw_con #su2_tabT01 {top:0;}
.re_con_new #su_tabT02, section.global .nw_con #su2_tabT02 {top:0;left:25%;}
.re_con_new #su_tabT03, section.global .nw_con #su2_tabT03 {top:0;left:50%;}
.re_con_new #su_tabT04, section.global .nw_con #su2_tabT04 {top:0;left:75%;}

.re_con_new4, .re_con_new5 {position:relative;padding-top:54px;}
.re_con_new4 h3.tab, .re_con_new5 h3.tab {position:absolute; width: 33%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new4 h3.tab a, .re_con_new5 h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ font-family: 'HDHyundai-Medium';font-size:0.85em;font-weight:700;}
.re_con_new4 h3.tab a span, .re_con_new5 h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.9em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
.re_con_new4 h3.first, .re_con_new5 h3.first {width: 33%; *width: 14.9%;}
.re_con_new4 h3.first a, .re_con_new5 h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.re_con_new4 h3.last a span, .re_con_new5 h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat; line-height:13px; padding-top:10px}
.re_con_new4 h3.tab a.pr span, .re_con_new5 h3.tab a.pr span { background-image: none;}
.re_con_new4 h3.tab a.on, .re_con_new5 h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
.re_con_new4 h3.tab a.on span, .re_con_new5 h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.re_con_new4 #nw_tabT01, .re_con_new5 #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con_new4 #nw_tabT02, .re_con_new5 #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:33%;}
.re_con_new4 #nw_tabT03, .re_con_new5 #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:0;left:66%;}

.re_con_new4 h3.first_1, .re_con_new5 h3.first_1 {width: 25%; *width: 14.9%;}
.re_con_new4 h3.last_1, .re_con_new5 h3.last_1 {width: 25%; *width: 14.9%;}
.re_con_new4 h3.first_1, .re_con_new4 h3.last_1 .re_con_new5 h3.first_1, .re_con_new5 h3.last_1  {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new4 #su_tabT01, .re_con_new5 #su_tabT01, section.global .nw_con #su2_tabT01 {top:0;}
.re_con_new4 #su_tabT02, .re_con_new5 #su_tabT02, section.global .nw_con #su2_tabT02 {top:0;left:25%;}
.re_con_new4 #su_tabT03, .re_con_new5 #su_tabT03, section.global .nw_con #su2_tabT03 {top:0;left:50%;}
.re_con_new4 #su_tabT04, .re_con_new5 #su_tabT04, section.global .nw_con #su2_tabT04 {top:0;left:75%;}


.list_gallery_mg {}
.list_gallery_mg .ci_list {display:flex;}
.list_gallery_mg .ci_list li {width:33%; margin-right:20px; text-align:center; line-height:20px;}
.list_gallery_mg .ci_list li img { max-width: 80%; border: 1px solid #cdcdcd; padding: 30px; margin-bottom: 20px;}
.list_gallery_mg .ci_list li .gall_tit {font-size:20px; display:block; margin-top:10px; margin-bottom:5px;}
.list_gallery_mg .ci_list li .gall_txt {}
.list_gallery_mg .ci_list li .gall_year {line-height:30px;}


.mglist_box_2 { margin: 50px 10px  }
.mglist_box_2 dl { display:table; width:100%; background: #f6f6f6;}
.mglist_box_2 dl:last-child {border-right:none}
.mglist_box_2 dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box_2 dl dt, .mglist_box dl dd { display:table-cell;height:100%;}
.mglist_box_2 dl dt { width: 15%; background: #0c4da2; color: #fff; text-align: center; vertical-align:middle; font-family: hyundaimedium, "현대체 Medium"; font-size:14px }

.mglist_box_2 dl dd { width: 100%; padding-top: 20px; }
.mglist_box_2 dl dt .break { display: block }

.mglist_box_2 dl dd ul {display:flex;}
.mglist_box_2 dl dd ul li { margin-bottom: 20px; padding-left: 10px; margin-left:20px; background: url(/img/content/sustain/dot_blue.gif) no-repeat 0 9px; }
.mglist_box_2 dl dd ul li  .break_pd { display: block;  }
.mglist_box_2 dl dd ul li  .break_pd:before { content: "-"; padding-right: 10px; }

.mglist_box_2 .dltbl_table {background-color:#fff; display:flex;}
.mglist_box_2 .dltbl_table dt { width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size:14px; display:flex; padding:10px; max-height:80px;}
.mglist_box_2 .dltbl_table .dltbl_box2 dt {padding-top:22px; padding-bottom:20px;}
.mglist_box_2 .dltbl_table .box_4 {width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; display:flex; padding:5px; padding-top:10px; padding-bottom:10px;}
.mglist_box_2 .dltbl_table dd { width: 100%; padding-top: 20px; padding-left:20px; word-break:break-all;}

.mglist_box_2 .dltbl_table dd ul {display:block; padding-top:20px; word-break:break-word; padding:5px; padding-top:20px;}

.mglist_box_2 .mglist_dl02 {margin-top:20px;}
.mglist_box_2 .mglist_dl02 dd {padding-left:0px; padding-top:0px;}
.mglist_box_2 .mglist_d102 dd ul li {background-color:#000;}

.dltbl_table .dltbl_box, .dltbl_table .dltbl_box2 {border-right: 1px solid #0c4da2;}




/* 미디어쿼리 시작 */

@media screen and (max-width:1700px) {


.prg_box_mg .esg_slogan li span:after, .prg_box_mg .esg_slogan li:nth-child(2) span:after , .prg_box_mg .esg_slogan li:nth-child(3) span:after , .prg_box_mg .esg_slogan li p:before, .prg_box_mg .esg_slogan li:nth-child(2) p:before, .prg_box_mg .esg_slogan li:nth-child(3) p:before {display:none}
}



@media screen and (max-width:800px) {

.dltbl_table .dltbl_box dt , .dltbl_table .dltbl_box2 dt {}

.dltbl_table .dltbl_box dt {padding-top:15px; padding-bottom:25px; min-height:70px;}
.mglist_box_2 .dltbl_table .dltbl_box2 dt {padding-top:20px; min-height:80px;}
.mglist_box_2 .dltbl_table .box_4 {min-height:60px; padding-top:25px; padding-bottom:28px;}


.re_con_new4, .re_con_new6 {position:relative; padding-top:108px; top:0px;}
.re_con_new5 {position:relative; padding-top:108px; top:-40px;}
.re_con_new4 h3.tab, .re_con_new5 h3.tab, .re_con_new6 h3.tab {width: 100%}
.re_con_new4 h3.first, .re_con_new5 h3.first, .re_con_new5 h3.firs6 {width: 100%;}

.re_con_new4 #nw_tabT01, .re_con_new5 #nw_tabT01, .re_con_new6 #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con_new4 #nw_tabT02, .re_con_new5 #nw_tabT02, .re_con_new6 #nw_tabT02,  section.global .nw_con #nw2_tabT02 {top:30px;left:0%;}
.re_con_new4 #nw_tabT03, .re_con_new5 #nw_tabT03, .re_con_new6 #nw_tabT03, section.global .nw_con #nw2_tabT03 {top:60px;left:0%;}
.re_con_new6 #nw_tabT04 {top:90px;left:0%;}




}


@media screen and (max-width:550px) {

.mglist_box_2 {margin : 0px 10px;}

.mglist_box_2 dl dd ul {display:block;}
.mglist_box_2 .dltbl_table {display:block;}

.dltbl_table .dltbl_box, .dltbl_table .dltbl_box2 {border-right: none;}
.dltbl_table .dltbl_box dt, .mglist_box_2 .dltbl_table .dltbl_box2 dt, .mglist_box_2 .dltbl_table .box_4 {padding:0px; text-align:center; min-height:50px;}

.mglist_box_2 dl dt {padding:5px;}

.img_1 {display:none;}
.img_2 {display:block; width:100%;}


.dltbl_table .dltbl_box dt {padding-right:30px; padding-left:30px; padding-top:20px;}
.mglist_box_2 .dltbl_table .dltbl_box2 dt {padding-right:30px; padding-left:30px; margin-top:-5px; padding-top:30px;}
.mglist_box_2 .dltbl_table .box_4 {padding-right:20px; padding-left:20px; padding-top:18px}



.list_gallery_mg {}
.list_gallery_mg .ci_list {display:block;}
.list_gallery_mg .ci_list li {width:85%; margin-left:5%; text-align:center; margin-top:50px;}
.list_gallery_mg .ci_list li img {}
.list_gallery_mg .ci_list li .gall_tit {font-size:20px; display:block; margin-top:10px; margin-bottom:5px;}
.list_gallery_mg .ci_list li .gall_txt {}


.prg_box_mg ul li .esg_table {display:block}
.prg_box_mg ul li .esg_table li {width:80%}


}

@media screen and (max-width:350px) {

.dltbl_table .dltbl_box dt, .mglist_box_2 .dltbl_table .dltbl_box2 dt, .mglist_box_2 .dltbl_table .box_4 {min-height:80px;}

}


/* 2024 02 02 Intergrated Report 테이블 셋팅 */

.intro .esg_list {width:100%;margin-bottom:20px;font-size:1.2em;border-top:2px solid #666;}
.intro .esg_list thead {}
.intro .esg_list thead th{padding:8px 0;border-bottom:1px solid #363d4c;background:#f9f9f9;}
.intro .esg_list thead th.first{border-right:1px solid #d4d4d4;}
.intro .esg_list thead th.last{border-color:#d4d4d4}

.intro .esg_list tbody th{border-bottom:1px solid #d4d4d4;text-align:left;padding-left:20px;}
.intro .esg_list tbody td{padding:8px 0;border-left:1px solid #d4d4d4; border-bottom:1px solid #d9d9d9;color:#666; text-align:center; box-sizing:border-box; text-align:center}
.intro .esg_list tbody td:first-child{border-left:none;}
.intro .esg_list thead th:first-child, .intro .esg_list tbody td:first-child {border-left:none;}
.intro .esg_list tbody .subject{color:#333;font-size:14px;text-align:center;}
.intro .esg_list a:hover{text-decoration:underline;}


/*

.esg_list > table.style_a thead th{height:34px;}
.esg_list > table.style_a tbody td{height:32px;padding:8px 0;border-left:1px solid #d4d4d4;}
.esg_list > table.style_a 
.esg_list > table.style_b thead th, .board_list > table.style_b tbody td{border-left:1px solid #d4d4d4;}
.esg_list > table.style_b , .board_list > table.style_b 



.esg_list > table tbody td.brdrf{border-left:none;}
.esg_list > table tfoot th{padding:5px;border-bottom:1px solid #666;}
.esg_list > table tfoot td{padding:5px;text-align:right;border-bottom:1px solid #666;font-weight:bold;color:#000;}

*/

/* 2024 05 28 품질경영 */

.re_con_new8 {position:relative;padding-top:54px;}
.re_con_new8 h3.tab {position:absolute; width: 50%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new8 h3.tab a {display:block; height:34px; text-decoration:none; /* font-family:arial, sans-serif*/ ; font-family: 'HDHyundai-Medium';font-size:0.85em;font-weight:700;}
.re_con_new8 h3.tab a span {display:block;height:34px;text-align:center;color:#333;line-height:36px;font-size:0.95em;font-weight:700;background:url(/img/content/bg_tab_r2.gif) right top no-repeat;cursor: pointer;}
.re_con_new8 h3.first {width: 50%; *width: 14.9%;}
.re_con_new8 h3.first a {background: url(/img/content/bg_tab_l.gif) left top no-repeat;}
.re_con_new8 h3.last a span { background: url(/img/content/bg_tab_r.gif) right top no-repeat; line-height:13px; padding-top:10px}
.re_con_new8 h3.tab a.pr span { background-image: none;}
.re_con_new8 h3.tab a.on { background: url(/img/content/bg_tab_on_l.gif) left top no-repeat;text-decoration:underline;}
.re_con_new8 h3.tab a.on span { background: url(/img/content/bg_tab_on_r.gif) right top no-repeat; color: #333;}
.re_con_new8 #nw_tabT01, section.global .nw_con #nw2_tabT01 {top:0;}
.re_con_new8 #nw_tabT02, section.global .nw_con #nw2_tabT02 {top:0;left:50%;}

.re_con_new8 h3.first_1 {width: 25%; *width: 14.9%;}
.re_con_new8 h3.last_1 {width: 25%; *width: 14.9%;}
.re_con_new8 h3.first_1, .re_con h3.last_1 {position:absolute; width: 25%; *width: 16.9%; height:34px;*zoom:1;padding:0;background: url(/img/content/bg_tab.gif) left top repeat-x;}
.re_con_new8 #su_tabT01, section.global .nw_con #su2_tabT01 {top:0;}
.re_con_new8 #su_tabT02, section.global .nw_con #su2_tabT02 {top:0;left:25%;}
.re_con_new8 #su_tabT03, section.global .nw_con #su2_tabT03 {top:0;left:50%;}


.table_quality {}
.table_quality .quality {display: table;  width: 100%; background: #f6f6f6; font-family: hyundaimedium, "현대체 Medium";}
.table_quality .quality tr {border-bottom:1px solid #0c4da2;}
.table_quality .quality tr:last-child {border-bottom:none;} 
.table_quality .quality tr th {width: 25%; background: #0c4da2; color: #fff; text-align: center;  vertical-align: middle; font-family: hyundaimedium, "현대체 Medium"; font-size: 12px; padding:10px; line-height: 1.3em; font-weight:500;}
.table_quality .quality tr td {line-height: 1.3em; padding:15px; padding-top:20px; padding-bottom:20px; font-size: 12px;}