@charset "utf-8";

/* 공통 */
#content { line-height:1.6em;}
h4 { padding-left:20px; margin:50px 0 25px; font-size:25px; background:url('../images/ico_h4.gif') no-repeat; color:#0e499e; font-family:NanumSquare, '나눔스퀘어', '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum'; letter-spacing:-0.05em; text-transform:uppercase;}
h5 { padding-left:40px; margin:30px 0 10px; font-size:18px; background:url('../images/ico_h5.gif') no-repeat 20px center; color:#0e0e0e; font-family:NanumSquareB, '나눔스퀘어', '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum'; letter-spacing:-0.05em; text-transform:uppercase;}
p { font-size:17px; color:#555; letter-spacing:-0.05em;}
.p_indent { padding-left:40px;}
.txt_red { color:#b60a11;}
.txt_black { color:#222;}
.txt_gray { color:#999;}
.txt_blue { color:#1052b0;}
.fontb { font-weight:bold;}
.img_box img { width:100%;}
.con_top { margin-bottom:50px;}
.con_top h3 { font-size:45px; font-style:italic; font-weight:700; font-family: 'Titillium Web', sans-serif; color:#0d3b6d; text-align:center; line-height:40px;}
.con_top .p_tit { padding:20px 0 25px; font-size:23px; color:#222; letter-spacing:-0.05em; text-align:center;}
.con_top p { font-size:18px; width:50%; margin:0 auto; text-align:center;}
.btn_center { text-align:center;}
.img_max { max-width:100%;}

/* clear */
.greeting ul:after, .overview ul:after, .social_top ul:after, .manag_diagram:after, .vision_list:after, .list_type:after, .history ul:after, .certification ul:after, .cert_right dl:after, .brand .txt_box .btn_link:after, .partner .part_list:after, .tit_loca:after, .process .btn_view:after, .lab ul:after, .cooper_partner:after, .cooper_diagram:after, .prod_test_result ul:after, .prod_test_result2 ul:after, .prod_box:after, .search_top ul:after, .search_type:after, .search_result_list:after, .thum_box ul:after, .video_list:after, .recruit_guide ul:after, .system_diagram:after, .join_list:after, .idpass_list:after, .btn_privacy:after { content:""; display:block; clear:both;}

/* table */
.tbl_top { width:100%; border-top:solid 2px #474747; font-size:17px; letter-spacing:-0.05em;}
.tbl_top th { border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; font-weight:bold; text-align:center;}
.tbl_top thead th { min-width:30px; padding:15px; background:#f4f4f4; color:#333;}
.tbl_top tfoot th { padding:10px 0; background:#eff4ff; color:#265ca9;}
.tbl_top tfoot td { font-weight:bold; background:#eff4ff;}
.tbl_top td { padding:10px 0; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; color:#555; text-align:center;}
.tbl_top .td_left { padding:10px 20px; text-align:left;}
.tbl_top .bg_tr { background:#fafafa;}
.tbl_top .no_line { border-right:0;}

.tbl_left { width:100%; border-top:solid 2px #474747; font-size:17px; letter-spacing:-0.05em;}
.tbl_left th { padding:14px 20px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; font-weight:bold; background:#f4f4f4; color:#333; text-align:left;}
.tbl_left td { padding:14px 20px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; color:#555; text-align:center; text-align:left;}
.tbl_left .no_line { border-right:0;}

/* bu_list */
.bu_list { text-align:left;}
.bu_list li { /*padding-left:45px;*/ margin-bottom:10px; font-size:17px; background:url('../images/bg_bu_list.gif') no-repeat 35px 10px; color:#414141; letter-spacing:-0.05em;}

/* 01_기업소개_0101_CEO인사말 */
.greeting li { float:right; width:50%;}
.greeting .img_box { width:45%; margin-left:5%;}
.greeting h3 { padding-top:20px; font-size:30px; color:#1052b0; line-height:1.3em; letter-spacing:-0.05em;}
.greeting .p_tit { padding:30px 0 50px; font-size:19px; color:#222; line-height:1.5em;}
.greeting .p_sign { padding-top:50px; line-height:50px; color:#222;}

/* 01_기업소개_0201_기업현황 */
.overview h3 { padding:50px 0 30px; font-size:30px; color:#1052b0; line-height:1.3em; letter-spacing:-0.05em;}
.overview .diagram { padding-top:50px;}
.overview .diagram li { float:left; width:19%; padding-left:6%; font-size:20px; color:#222; line-height:70px;}
.overview .diagram .ico_overview01 { background:url('../images/ico_overview01.gif') no-repeat left center;}
.overview .diagram .ico_overview02 { background:url('../images/ico_overview02.gif') no-repeat left center;}
.overview .diagram .ico_overview03 { background:url('../images/ico_overview03.gif') no-repeat left center;}
.overview .diagram .ico_overview04 { background:url('../images/ico_overview04.gif') no-repeat left center;}
.overview .img_overview li { float:left; width:50%;}
.overview img { width:100%!important;height:auto!important;}

/* 01_기업소개_0202_비전 및 경영철학 */
.vision {  background:url('../images/bg_vision.gif') no-repeat top center; text-align:center;}
.vision h4 { text-align:left;}
.vision h3 { padding:40px 0 20px; font-size:24px; font-weight:700; font-family: 'Titillium Web', sans-serif; color:#1052b0; text-transform:uppercase;}
.vision p { font-size:30px; font-style:italic; color:#222; line-height:1.5em; letter-spacing:0;}
.vision p span { font-size:40px;}

.vision_list li { float:left; width:17%; padding:50px 0 50px 16.3%;}
.vision_list li > h3 { margin-bottom:15px; font-size:20px; color:#222;}
.ico_vision01 { background:#dbe3f4 url('../images/ico_vision01.png') no-repeat 15% center;}
.ico_vision02 { background:#f0f0f0 url('../images/ico_vision02.png') no-repeat 15% center;}
.ico_vision03 { background:#dbe3f4 url('../images/ico_vision03.png') no-repeat 15% center;}
.ico_vision04 { background:#f0f0f0 url('../images/ico_vision04.png') no-repeat 15% center;}
.ico_vision05 { background:#dbe3f4 url('../images/ico_vision05.png') no-repeat 15% center;}
.ico_vision06 { background:#f0f0f0 url('../images/ico_vision06.png') no-repeat 15% center;}

.manag_diagram li { float:left; width:21%; margin:0 2%; text-align:center; letter-spacing:-0.05em;}
.manag_diagram li h3 { margin:20px 0 10px; font-size:23px; color:#222;}

.management { text-align:center;}
.management .manag_top { width:920px; height:70px; margin:0 auto; background:url('../images/bg_manag_top.gif') no-repeat;}
.management .manag_center { overflow:hidden; width:920px; margin:0 auto; background:url('../images/bg_manag_center.gif') repeat-y;}
.management .manag_center h3 { display:inline-block; padding-bottom:15px; margin-bottom:50px; border-bottom:dotted 1px #8a8a8a; font-size:20px; color:#222; letter-spacing:-0.05em;}
.management .manag_bot { width:920px; height:70px; margin:0 auto 40px; background:url('../images/bg_manag_bot.gif') no-repeat;}
.management .img_management { margin:30px 0 50px;}
.management .bu_list { display:table; margin:0 auto;}

/* 01_기업소개_0203_연혁 */
.history { overflow:hidden; width:100%; margin-top:50px;}
.hist_left { float:left; width:30%; margin-right:5%;}
.hist_left h3 { margin:30px 0 10px; font-size:20px; color:#222; text-align:center; letter-spacing:-0.05em;}
.hist_left p { padding:0 6%; text-align:center;}
.hist_left .p_year { padding-bottom:25px; font-size:30px; color:#1052b0;}
.hist_right { float:left; width:65%;}
.hist_right ul { border-top:solid 2px #474747;}
.hist_right li { overflow:hidden; padding:30px 0 15px; border-bottom:dotted 1px #aeaeae;}
.hist_right li h3 { float:left; width:20%; font-size:22px; color:#999; text-align:center;}
.hist_right li .hist_list { float:left; width:80%;}
.hist_right li p { padding-bottom:15px;}
.hist_right li p strong { font-weight:bold; color:#333; padding-right:10px;}

/* 01_기업소개_0204_사회공헌 */
.social_top { text-align:center;}
.social_top h3 { font-size:30px; font-style:italic; font-weight:700; font-family: 'Titillium Web', sans-serif; color:#0d3b6d; text-transform:capitalize;}
.social_top ul { display:table; padding:30px 0 40px; margin:0 auto;}
.social_top li { float:left; width:150px; height:40px; margin:0 10px; padding-top:110px; font-size:20px; color:#222;}
.social_top .ico_social01 { background:#efefef url('../images/ico_social01.gif') no-repeat center 25px;}
.social_top .ico_social02 { background:#efefef url('../images/ico_social02.gif') no-repeat center 25px;}
.social_top .ico_social03 { background:#efefef url('../images/ico_social03.gif') no-repeat center 25px;}
.social_top .ico_social04 { background:#efefef url('../images/ico_social04.gif') no-repeat center 25px;}
.social_top p { width:68%; margin:0 auto; color:#222;}

.social { margin-top:50px;}
.social > ul > li { overflow:hidden; padding:50px;}
.social .bg_gray { background:#f5f5f5;}
.social .bg_blue { background:#e9f1fc;}
.social h3 { font-size:25px; color:#0d3b6d;}
.social .p_stit { padding:12px 0 25px; margin-bottom:20px; font-size:18px; background:url('../images/bg_graline.png') no-repeat left bottom; color:#222;}
.social .img_social { margin-top:40px;}
.social .img_social li { float:left; width:50%;}
.social .img_social li img { width:100%;}

/* 01_기업소개_0205_인증특허 */
.certification { width:100%; margin-top:50px;}
.certification ul { border-top:dotted 1px #aeaeae;}
.certification li { overflow:hidden; border-bottom:dotted 1px #aeaeae;}
.cert_left { float:left; width:20%; margin-right:5%;}
.cert_left .img_box { padding:10px; margin:30px; border:solid 1px #ccc; background:#fff;}
.cert_left .img_box a { display:block;}
.cert_right { float:left; width:75%; margin:30px 0 15px; font-size:17px; letter-spacing:-0.05em;}
.cert_right h3 { margin-bottom:30px; font-size:22px; color:#999;}
.cert_right dt { float:left; width:12%; margin-bottom:15px; font-weight:bold; color:#333; line-height:1.4em;}
.cert_right dd { float:left; width:88%; margin-bottom:15px; color:#555; line-height:1.4em;}

/* 01_기업소개_0206_CI */
.ci ul { overflow:hidden;}
.ci li { float:left; width:50%;}
.ci li img { width:100%;}
.ci .txt_box { width:45%; margin-left:5%;}
.btn_ci_down { display:inline-block; width:171px; height:41px; line-height:41px; margin:5px 5px 0 0; padding-left:20px; background:url('../images/bg_btn_down.gif') no-repeat; font-size:15px; color:#555; letter-spacing:-0.05em;}
.btn_ci_down:hover { font-weight:bold; color:#222;}

/* 01_기업소개_0301_공시정보 */
.announcement iframe { display:block; margin:0 auto;}

/* 01_기업소개_0303_재무정보 */
.finance01, .finance02 { text-align:center;}
.finance03 p { margin-bottom:15px; text-align:right;}

/* 01_기업소개_0304_공시정보관리규정 */
.invest { text-align:center;}
.invest .btn_view .btn_ci_down { margin-top:40px; font-size:15px; text-align:left;}

/* 01_기업소개_0401_글로벌네트워크 */
.global { text-align:center;}
.global .ico_circle { display:table; margin:0 auto 20px;}
.global .ico_circle li { float:left; width:160px; height:120px; margin:0 10px; padding-top:40px; border-radius:160px; background:#6c7b8d; font-size:17px; color:#fff; text-align:center; line-height:2.3em; text-transform:capitalize;}
.global .ico_circle li span { font-size:35px;}
.global p { padding:30px 0; font-size:22px; color:#222; line-height:1.4em;}


/* 01_기업소개_0402_계열사소개 */
.affiliate ul { overflow:hidden;}
.affiliate li { float:left; width:45%;}
.affiliate li img { width:100%;}
.affiliate .txt_box { width:50%; margin-left:5%;}
.tbl_affi { width:100%; border-top:solid 2px #474747; font-size:17px; letter-spacing:-0.05em;}
.tbl_affi th { width:30%; padding:14px 20px; border-bottom:dotted 1px #aeaeae; font-weight:bold; color:#333;}
.tbl_affi td { padding:14px 20px 14px 0; border-bottom:dotted 1px #aeaeae; color:#555;}

/* 01_기업소개_0403_관계사소개 */
.partner { text-align:center;}
.partner .part_list .img_box { overflow:hidden; border:solid 1px #ccc; margin-bottom:20px;}
.partner .part_list li { float:left; width:18%; margin:0 1% 40px;}
.partner .part_list li p { color:#333;}
.partner .part_list li a { display:block; font-size:14px; color:#1052b0; text-decoration:underline;}

/* 01_기업소개_0501_오시는길 */
.tit_loca { display:table; margin:0 auto 30px;}
.tit_loca h3 { float:left; padding-right:30px; font-size:30px; color:#222; line-height:60px; letter-spacing:-0.05em;}
.tit_loca h3 img { padding-top:10px;}
.tit_loca p { float:left; padding-left:30px; background:url('../images/bg_map_line.gif') no-repeat left center; line-height:30px;}
.tit_loca .p_addr { font-size:20px; color:#222;}
.map > div { width:100%;}

/* 02_제품소개_0101_브랜드소개 */
.brand { overflow:hidden; background:#f5f5f5;}
.brand .img_box { float:left; width:50%; height:900px;}
.brand .img_box .tit { display:inline-block; padding:60px; margin-top:50px; background:url('../images/bg_brand.png') repeat; letter-spacing:-0.05em;}
.brand .img_box .tit h3 { padding-bottom:20px; font-size:40px; font-style:italic; color:#fff; line-height:1.3em;}
.brand .img_box .tit p { font-size:16px; color:#fff;}
.brand01 { background:url('../images/bg_brand01.jpg') no-repeat left top; background-size:auto 100%;}/*하이큐*/
.brand02 { background:url('../images/bg_brand02.jpg') no-repeat center top; background-size:auto 100%;}/*하드론*/
.brand03 { background:url('../images/bg_brand03.jpg') no-repeat left top; background-size:auto 100%;}/*하드론Z*/
.brand04 { background:url('../images/bg_brand04.jpg') no-repeat left top; background-size:auto 100%;}/*하겐*/

.brand .txt_box { float:left; width:50%; height:850px; padding-top:50px; text-align:center;}
.brand .txt_box h3 { padding:20px 0 30px; font-size:30px; color:#222; line-height:1.3em; letter-spacing:-0.05em;}
.brand .txt_box p { line-height:1.4em;}
.brand .txt_box .btn_link { display:table; margin:40px auto 0;margin-bottom: 150px;}
.brand .txt_box .btn_link li { float:left; margin:0 5px;}
.brand .txt_box .btn_link a { display:block; width:150px; height:45px; padding-top:0px; font-size:20px; color:#fff; text-transform:uppercase; text-align:center;}
.brand .txt_box .btn_link .ico_car a { background:#303336 url('../images/ico_brand01.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_bus a { background:#303336 url('../images/ico_brand02.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_truck a { background:#303336 url('../images/ico_brand03.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_taxi a { background:#303336 url('../images/ico_brand04.gif') no-repeat center 36px;}

/* 02_제품소개_0201_용도별제품분류 */
.products { overflow:hidden;}
.products .img_box { float:left; width:50%;}
.products .txt_box { float:left; width:45%; margin-left:5%;}
.products .txt_box .p_tit { margin:20px 0 50px; font-size:35px; font-style:italic; color:#222; letter-spacing:-0.075em; line-height:1em;}
.products .prod_spec li { overflow:hidden; min-height:90px; padding-left:120px; margin-bottom:40px;}
.products .prod_spec li.ico_prem01 { background:url('../images/ico_prod_prem01.gif') no-repeat;}
.products .prod_spec li.ico_prem02 { background:url('../images/ico_prod_prem02.gif') no-repeat;}
.products .prod_spec li.ico_prem03 { background:url('../images/ico_prod_prem03.gif') no-repeat;}
.products .prod_spec li.ico_speed01 { background:url('../images/ico_prod_speed01.gif') no-repeat;}
.products .prod_spec li.ico_speed02 { background:url('../images/ico_prod_speed02.gif') no-repeat;}
.products .prod_spec li.ico_car01 { background:url('../images/ico_prod_car01.gif') no-repeat;}
.products .prod_spec li.ico_car02 { background:url('../images/ico_prod_car02.gif') no-repeat;}
.products .prod_spec li.ico_car03 { background:url('../images/ico_prod_car03.gif') no-repeat;}
.products .prod_spec li.ico_world01 { background:url('../images/ico_prod_class01.gif') no-repeat;}
.products .prod_spec li.ico_world02 { background:url('../images/ico_prod_class02.gif') no-repeat;}
.products .prod_spec li.ico_world03 { background:url('../images/ico_prod_class03.gif') no-repeat;}
.products .prod_spec li.ico_taxi01 { background:url('../images/ico_prod_taxi01.gif') no-repeat;}
.products .prod_spec li.ico_taxi02 { background:url('../images/ico_prod_taxi02.gif') no-repeat;}
.products .prod_spec li.ico_bus01 { background:url('../images/ico_prod_bus01.gif') no-repeat;}
.products .prod_spec li.ico_bus02 { background:url('../images/ico_prod_bus02.gif') no-repeat;}
.products .prod_spec li.ico_truck01 { background:url('../images/ico_prod_truck01.gif') no-repeat;}
.products .prod_spec h3 { padding-bottom:10px; font-size:22px; color:#0d3b6d; letter-spacing:-0.05em; line-height:1.4em;}
.products .prod_spec p span { font-size:15px; color:#797979;}

.prod_box li { overflow:hidden; float:left; width:47.5%; margin:0 1% 2%; padding:20px 0; border:solid 1px #ccc; text-align:center; letter-spacing:-0.05em;}
.prod_box .img_box { width:80%; margin:0 auto;}
.prod_box .txt_box { margin-top:20px;}
.prod_box h3 { padding-bottom:5px; font-size:20px; color:#222;}
.prod_box .p_tit { padding-bottom:15px; font-size:18px; color:#014099;}

.taxi_info { text-align:center;}

.prod_test_result { padding:40px 0; margin-bottom:20px; border:solid 1px #ccc;}
.prod_test_result li { float:left; width:45%; margin:0 2.5%;}
.prod_test_result li img { width:100%;}
.h4_span { font-size:16px;}

.prod_test_result2 li { float:left; width:48.5%; margin:0 0.5% 1%; border:solid 1px #ccc;}
.prod_test_result2 li div { padding:20px;}
.prod_test_result2 li img { width:100%;}

.prod_test_result3 { width:100%; margin-bottom:1%; /*border:solid 1px #ccc;*/}
.prod_test_result3 div { padding:20px;}
.prod_test_result3 img { width:100%;}

/* 02_제품소개_0301_브레이크제품 */
.prod_brake li { overflow:hidden; margin-top:50px;}
/* .prod_brake li:first-child { margin-top:0;}*/
.prod_left { float:left; width:32%; margin-right:3%;}
.prod_right { overflow:hidden; float:left; width:65%; border-top:solid 2px #474747; letter-spacing:-0.05em;}
.prod_right div { padding:40px 0 40px 30px;}
.prod_right .p_tit { font-size:20px; color:#222;}
.prod_right h3 { padding:15px 0 30px; font-size:30px; color:#1052b0; line-height:1em;}
.prod_right h3 span { font-size:20px;}
.prod_right a { float:right; margin-top:30px;}

/* 02_제품소개_0401_제품검색_old */
.search_top { text-align:center;}
.search_box { border-top:solid 2px #474747; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.search_box > li { overflow:hidden; float:left; width:25%; min-height:335px; background:url("../images/bg_gray_line.gif") repeat-y right top;}
.search_box h3 { width:100%; padding:17px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; font-size:17px; background:#f5f5f5 url("../images/bg_gray_line.gif") repeat-y right top; color:#222; text-align:center;}
.search_box li div { padding:20px;}
.search_box .list_type_box li { float:left; width:48%; margin:1%; text-align:center;}
.search_box .list_type_box li a { display:block; padding:15px 0; font-size:15px; border:solid 1px #ccc; color:#333; line-height:1.3em;}
.search_box .list_type_box li a:hover { font-weight:bold;}
.search_box .list_type_box li.on a { font-weight:bold; background:#64788f; color:#fff;}
.search_box .list_type_text li { width:100%; text-align:left;}
.search_box .list_type_text li a { display:block; padding-left:10px; margin-bottom:10px; font-size:15px; color:#414141; background:url('../images/bg_bu_list.gif') no-repeat left 10px;}
.search_box .list_type_text li a:hover { text-decoration:underline;}
.search_box .list_type_text li.on a { font-weight:bold; text-decoration:underline; color:#1052b0;}
.search_top .input_select { width:100%; height:42px; line-height:42px; padding:0 10px; border:solid 1px #ccc; font-size:15px; color:#454545; letter-spacing:-0.05em;}

.search_result { position:relative; padding-top:1px; margin-top:70px; background:url("../images/bg_dotline_h.gif") repeat-x left top;}
.search_type { position:absolute; top:47px; right:0;}
.search_type li { float:left;}
.search_type li a { display:block; padding:5px 7px; font-size:16px; color:#797979; letter-spacing:-0.05em;}
.search_type li.on a { font-weight:bold; color:#333;}
.search_result_list li { float:left; width:23.7%; margin:0 0.5% 1% 0.5%; border:solid 1px #ccc;}
.search_result_list .img_box { overflow:hidden; padding:20px;}
.search_result_list .txt_box { padding:10px 20px 20px 20px;}
.search_result_list .txt_box h3 { padding-bottom:15px; font-size:20px; color:#555;}
.search_result_list .txt_box h3 span { font-size:17px; color:#1052b0;}
.search_result_list .txt_box dl { overflow:hidden; font-size:16px;}
.search_result_list .txt_box dt { float:left; width:30%; color:#797979; letter-spacing:-0.05em;}
.search_result_list .txt_box dd { float:left; width:70%; color:#333;}


/* 02_제품소개_0401_제품검색_new */
/* 상단검색 */
.search_prod { text-align:center;}
.search_prod_box { overflow:hidden; border-top:solid 2px #474747; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
.search_prod_box h3 { width:100%; padding:13px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; font-size:17px; background:#f5f5f5 url("../images/bg_gray_line.gif") repeat-y right top; color:#222; text-align:center;}
.search_prod_box > ul > li { overflow:hidden; float:left; width:25%; min-height:250px; background:url("../images/bg_gray_line.gif") repeat-y right top;}
.search_prod_box li > div { padding:20px 20px 10px;}
.list_type li { margin-bottom:10px;}
.list_type li a { display:block; padding:12px 0; font-size:15px; border:solid 1px #ccc; color:#333; line-height:1.3em;}
.list_type li a:hover { font-weight:bold;}
.list_type li.on a { font-weight:bold; background:#64788f; color:#fff;}
.select_type .input_select { width:100%; height:42px; line-height:42px; padding:0 10px; border:solid 1px #ccc; font-size:15px; color:#454545; letter-spacing:-0.05em;}
.input_type > div { width:100%; height:40px; line-height:40px; border:solid 1px #ccc; background:#fff;}
.input_type .input_text { width:75%; height:40px; line-height:40px; border:0; font-size:15px; color:#aeaeae; letter-spacing:-0.05em;}
.input_type .btn_number { padding:10px;}

/* 검색결과 */
.result_prod { padding-top:1px; margin-top:50px; background:url("../images/bg_dotline_h.gif") repeat-x left top;}
.tbl_result_prod { border-top:solid 2px #0d69b4; border-left:solid 1px #ccc;}
.tbl_result_prod thead th { padding:12px 0; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-size:17px; font-weight:bold; background:#f8fafc; color:#004795; text-align:center; letter-spacing:-0.05em;}
.tbl_result_prod tbody td { padding:12px 10px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-size:14px; color:#555; text-align:center;}
.tbl_result_prod tbody td.td_left { padding:12px 20px; text-align:left;}

#board_page_bottom { margin-top:40px; text-align:center;}
#board_page_bottom ul { display:inline-block;}
#board_page_bottom li { float:left;}
#board_page_bottom a { display:inline-block; padding:14px; border:solid 1px #ddd; font-size:14px; color:#797979; line-height:10px;}
#board_page_bottom .on a { font-weight:bold; color:#4486e3;}
#board_page_bottom .btn_arr { background:#fbfbfb;}

/* 02_제품소개_0501_공정과정 */
.process .process_box { overflow:hidden; border:solid 5px #f3f3f3; background:#f3f3f3; text-align:center;}
.process .left_box { float:left; width:60%; padding:50px 5%; background:#fff;}
.process .right_box { float:left; width:30%; padding:40px 0;}
.process .a_none { pointer-events:none;}

.process .btn_view { padding-left:20px;}
.process .btn_view a { float:left; display:block; width:160px; margin-bottom:10px; border:solid 1px #ccc; text-align:center;}
.process .btn_view a p { width:100%; padding:20px 0; min-height:81px; border-bottom:solid 1px #ccc; color:#333;}
.process .btn_view a p span { color:#1052b0;}
.process .btn_view .view { width:100%; padding:10px 0; font-size:15px; color:#555; text-transform:capitalize; line-height:16px;}
.process .btn_view .view img { width:16px;}
.process .btn_view .bg_arr { float:left; padding:60px 20px 60px; margin-bottom:10px;}

.pop_process { position:fixed; top:0; left:0; overflow-y:scroll; background:url('../images/bg_brand.png') repeat; width:100%; height:100%; z-index:100;}
.pop_con { overflow:hidden; position:absolute; top:50%; left:50%; margin:-370px 0 0 -400px; padding:50px 50px 0; width:700px; background:#fff; text-align:center;}
.pop_con .p_tit { font-size:20px; color:#222; text-transform:capitalize;}
.pop_con h3 { padding:15px 0 30px; font-size:35px; color:#1052b0; text-transform:capitalize; line-height:1em;}
.btn_pop_close { position:absolute; top:50%; left:50%; margin:-440px 0 0 330px;}
.btn_pop_close a { display:block; width:70px; height:49px; padding-top:21px; background:#dcdcdc; text-align:center;}

/* 03_기술력_0101_기술연구소 */
.lab, .lab_gallery ul { text-align:center;}

.facility_box { overflow:hidden;}
.facility_box > ul > li { float:left; width:47%; padding:0 1.5%; margin-bottom:40px;}
.facility_box .img_box { overflow:hidden;}
.facility_box .txt_box { margin-top:30px;}
.facility_box .txt_box h3 { font-size:25px; color:#222; line-height:1em;}
.facility_box .txt_box p { color:#797979; line-height:1.3em; letter-spacing:0em;}
.facility_box .txt_box .bu_list { padding-top:25px; margin-top:25px; background:url('../images/bg_graline.png') no-repeat;}
.facility_box .txt_box .bu_list li { padding-left:15px; background:url('../images/bg_bu_list.gif') no-repeat 5px 10px;}

/* 03_기술력_0201_개발현황 */
.development > ul > li { overflow:hidden; padding:50px;}
.development h3 { padding-bottom:12px; margin-bottom:30px; font-size:25px; background:url('../images/bg_graline.png') no-repeat left bottom; color:#222; line-height:1em;}
.development .bg_gray { background:#f5f5f5;}
.development .bg_blue { background:#e9f1fc;}
.development .txt_box { float:right; width:48%;}
.development .img_box { float:right; width:47%; margin-left:5%;}
.development .bg_blue .img_box { float:left; width:47%; margin:0 5% 0 0;}

/* 03_기술력_0301_기술제휴선 */
.cooperation { text-align:center;}
.cooper_partner { margin-top:30px; background:url("../images/bg_dotline_v.gif") repeat-y left top;}
.cooper_partner li { overflow:hidden; float:left; width:33.33%; padding:20px 0; background:url("../images/bg_dotline_v.gif") repeat-y right top;}
.cooper_partner .img_box { overflow:hidden; width:60%; border:solid 1px #ccc; margin:0 auto;}
.cooper_partner .txt_box h3 { margin:25px 0 10px; font-size:20px; color:#1052b0;}
.cooper_partner .txt_box p { padding:0 0 7px 17%; text-align:left;}
.cooper_partner .txt_box p span { padding-right:10px; font-weight:bold; color:#333;}
.cooper_partner .txt_box a { color:#1052b0; text-decoration:underline;}
.cooper_diagram { margin-top:70px; text-align:center;}
.cooper_diagram li { overflow:hidden; float:left; width:14%; margin:0 1.33%;}
.cooper_diagram li img { width:100%;}
.cooper_diagram li h3 { margin:20px 0 10px; font-size:23px; color:#222; text-transform:capitalize;}
.cooper_diagram li p { font-size:15px; color:#797979;}

/* 03_기술력_0401_연구개발과정 */
.flow { text-align:center;}
.flow h3 { padding-bottom:40px; font-size:22px; color:#0e499e; letter-spacing:-0.05em;}
.img_flow_m { display:none;}

/* 04_커뮤니티_0202_홍보동영상 */
.video_list > img { width:100%;}
.video_list { position:relative; padding-top:60px;}
.video_list .language_select { position:absolute; right:0; top:30px; width:170px; height:42px; line-height:42px; padding:0 10px; border:solid 1px #ccc; font-size:15px; color:#454545; letter-spacing:-0.05em; text-transform:uppercase;}
.video_list .video_box { overflow:hidden;}
.video_list .txt_box h3 { padding-bottom:20px; font-size:30px; color:#1052b0; letter-spacing:-0.05em;}
.video_list ul { margin-top:40px; border-top:solid 2px #333;}
.video_list li { border-bottom:solid 1px #bbb; background:#f9f9f9;}
.video_list li > div { overflow:hidden; position:relative; padding:25px 30px;}
.video_list li > div p { width:60%; font-size:17px; color:#1a1d22; line-height:1.6em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:0;}
.video_list li .btn_downloads { position:absolute; right:30px; top:50%; margin-top:-22px;}
.video_list li .btn_downloads a,
.video_list li .btn_downloads button { display:inline-block; height:42px; line-height:42px; padding:0 12px; color:#1052b0; background:#fff; border-radius:3px; box-sizing: border-box; border:solid 1px #1052b0; font-size:14px; font-weight:bold;}
.video_list li .btn_downloads a:hover,
.video_list li .btn_downloads button:hover { color:#fff; background:#1052b0;}

.video_list .colum2-list li { float: left; width: 50%;}

/* 04_커뮤니티_0203_온라인사보 */
.newsletter { position:relative;}
.newsletter .year_select { position:absolute; right:0; width:170px; height:42px; line-height:42px; padding:0 10px; border:solid 1px #ccc; font-size:15px; color:#454545; letter-spacing:-0.05em;}
.lett_list { overflow:hidden; padding-top:60px;}
.lett_list li { float:left; width:30.33%; margin:20px 1.5%;}
.lett_list .img_box { overflow:hidden; border:solid 1px #ccc;}
.lett_list .txt_box { position:relative; height:48px; padding-left:20px; border-right:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#fafafa;}
.lett_list .txt_box p { color:#333; line-height:48px;}
.lett_list .txt_box a { display:block; position:absolute; right:0; bottom:0; padding:12px 13px; border-left:solid 1px #ccc;}

/* 04_커뮤니티_0301_AS문의 */
.asmap { overflow:hidden; width:100%; padding:60px 0; background:#f5f5f5;}
.asmap > div { display:table; margin:0 auto;}

.asmap_box { float:left; position:relative; width:300px; height:330px; background:url('../images/bg_asmap.gif') no-repeat;}
.asmap_box p { position:absolute; text-indent:-9999px;}
.asmap_box .btn_asmap1 { top:44px; left:109px; width:87px; height:27px; background:url('../images/bg_asmap01_off.png') no-repeat;}
.asmap_box .on.btn_asmap1 { background:url('../images/bg_asmap01_on.png') no-repeat;}
.asmap_box .btn_asmap2 { top:49px; left:24px; width:76px; height:51px; background:url('../images/bg_asmap02_off.png') no-repeat;}
.asmap_box .on.btn_asmap2 { background:url('../images/bg_asmap02_on.png') no-repeat;}
.asmap_box .btn_asmap3 { top:124px; left:64px; width:85px; height:35px; background:url('../images/bg_asmap03_off.png') no-repeat;}
.asmap_box .on.btn_asmap3 { background:url('../images/bg_asmap03_on.png') no-repeat;}
.asmap_box .btn_asmap4 { top:148px; left:191px; width:84px; height:30px; background:url('../images/bg_asmap04_off.png') no-repeat;}
.asmap_box .on.btn_asmap4 { background:url('../images/bg_asmap04_on.png') no-repeat;}
.asmap_box .btn_asmap5 { top:196px; left:79px; width:65px; height:55px; background:url('../images/bg_asmap05_off.png') no-repeat;}
.asmap_box .on.btn_asmap5 { background:url('../images/bg_asmap05_on.png') no-repeat;}
.asmap_box .btn_asmap6 { top:195px; left:198px; width:66px; height:50px; background:url('../images/bg_asmap06_off.png') no-repeat;}
.asmap_box .on.btn_asmap6 { background:url('../images/bg_asmap06_on.png') no-repeat;}

.asmap_con { float:left; width:430px;}
.asmap_con li { display:none;}
.asmap_con li.on { display:block;}
.asmap_con h3 { padding-bottom:12px; margin-bottom:30px; font-size:25px; background:url('../images/bg_graline.png') no-repeat left bottom; color:#222; line-height:1em;}
.asmap_con p { padding-left:45px; margin-bottom:10px; background:url('../images/bg_bu_list.gif') no-repeat 35px 10px; color:#414141; letter-spacing:-0.05em;}

/* 04_커뮤니티_0403_부품인증제 취급설명 */
.explain_box { width:94%; margin:0 3%; padding:30px 0; border:solid 1px #ccc; box-sizing:border-box; text-align:center;}
.p_explain { margin:20px 0 10px 3%; font-size:17px; font-weight:bold; color:#1052b0;}

/* 05_인재채용_0101_채용안내 */
.recruit_guide_box { padding:40px 0 20px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.recruit_guide { overflow:hidden;}
.recruit_guide > ul > li { float:left; width:45%; margin-right:5%;}
.recruit_guide > ul > li div { padding:0 0 30px 120px; min-height:120px;}
.recruit_guide a { color:#5087d6; text-decoration:underline;}
.recruit_guide .ico_guide01 div { background:url('../images/ico_guide01.gif') no-repeat;}
.recruit_guide .ico_guide02 div { background:url('../images/ico_guide02.gif') no-repeat;}
.recruit_guide .ico_guide03 div { background:url('../images/ico_guide03.gif') no-repeat;}
.recruit_guide .ico_guide04 div { background:url('../images/ico_guide04.gif') no-repeat;}
.recruit_guide .ico_guide05 div { background:url('../images/ico_guide05.gif') no-repeat;}
.img_recruit_step_m { display:none;}

/* 05_인재채용_0201_인재육성 */
.person { text-align:center;}

.edu01 { margin:70px 0 20px;}
.training_top { text-align:center;}
.training_top ul { display:table; margin:0 auto;}
.training_top li { float:left; width:150px; height:50px; margin:0 10px; padding-top:100px; font-size:17px; color:#222; letter-spacing:-0.05em;}
.training_top .ico_edu01 { background:#efefef url('../images/ico_edu01.gif') no-repeat center 20px;}
.training_top .ico_edu02 { background:#efefef url('../images/ico_edu02.gif') no-repeat center 20px;}
.training_top .ico_edu03 { background:#efefef url('../images/ico_edu03.gif') no-repeat center 20px;}
.training_top .ico_edu04 { background:#efefef url('../images/ico_edu04.gif') no-repeat center 20px;}
.training_top .ico_edu05 { background:#efefef url('../images/ico_edu05.gif') no-repeat center 20px;}
.training_top .ico_edu06 { background:#efefef url('../images/ico_edu06.gif') no-repeat center 20px;}
.training_top .ico_edu07 { background:#efefef url('../images/ico_edu07.gif') no-repeat center 20px;}
.training_top .ico_edu08 { background:#efefef url('../images/ico_edu08.gif') no-repeat center 20px;}
.training_top .ico_edu09 { background:#efefef url('../images/ico_edu09.gif') no-repeat center 20px;}

/* 05_인재채용_0202_인사제도 */
.system { overflow:hidden;}
.system .txt_box { float:left; width:50%;}
.system .img_box { float:right; width:50%;}
.system_diagram { margin-top:40px;}
.system_diagram li { float:left; width:27.33%; margin:0 3%; text-align:center; letter-spacing:-0.05em;}
.system_diagram li h3 { margin:20px 0 10px; font-size:23px; color:#222;}

/* 05_인재채용_0203_직무소개 */
.part_top { width:100%; height:300px; color:#fff; text-align:center; letter-spacing:-0.05em;}
.part_top h3 { padding:100px 0 30px; margin-bottom:30px; background:url('../images/bg_white_line.gif') no-repeat center bottom; font-size:30px;}
.part_top p { color:#fff;}
.bg_part01 { background:url('../images/bg_rc_part01.jpg') no-repeat center; background-size:cover;}
.bg_part02 { background:url('../images/bg_rc_part02.jpg') no-repeat center; background-size:cover;}
.bg_part03 { background:url('../images/bg_rc_part03.jpg') no-repeat center; background-size:cover;}
.bg_part04 { background:url('../images/bg_rc_part04.jpg') no-repeat center; background-size:cover;}
.bg_part05 { background:url('../images/bg_rc_part05.jpg') no-repeat center; background-size:cover;}
.bg_part06 { background:url('../images/bg_rc_part06.jpg') no-repeat center; background-size:cover;}
.part { overflow:hidden;}
.part .part_list { float:left; width:45%; margin-right:5%;}
.part .part_list p { padding-left:45px; margin-bottom:10px; background:url('../images/bg_bu_list.gif') no-repeat 35px 10px; color:#414141; letter-spacing:-0.05em;}

/* 05_인재채용_0204_교육체계 */
.training div { text-align:center;}
.img_training_m { display:none;}

/* 06_기타_0101_사이트맵 */
.sitemap { overflow:hidden; margin-bottom:50px; padding-left:30px; border-left:solid 2px #265ca9; }
.sitemap h3 { padding-bottom:30px; font-size:25px; color:#333; letter-spacing:-0.05em; line-height:1em;}
.sitemap .sitemap_list { float:left; width:19%; margin-right:1%;}
.sitemap .sitemap_list > a { display:block; padding-left:20px; margin-bottom:5px; font-size:15px; border:solid 1px #ccc; background:#fafafa; color:#555; line-height:44px; letter-spacing:-0.05em;}
.sitemap .sitemap_list > a:hover { font-weight:bold;}
.sitemap .sitemap_list .sitemap_dep3 { padding:10px 0;}
.sitemap .sitemap_list .sitemap_dep3 li > a { padding-left:30px; font-size:15px; background:url('../images/bg_bu_list.gif') no-repeat 20px center; color:#555; line-height:26px; letter-spacing:-0.05em;}
.sitemap .sitemap_list .sitemap_dep3 li > a:hover { color:#0e499e; text-decoration:underline;}

/* 06_기타_0104_이메일무단수집거부 */
.emailreject { text-align:center;}
.emailreject p { margin-top:40px;}

/* 06_개인정보처리방침 */
.btn_privacy li { float:left; width:50%;}
.btn_privacy li a { display:block; padding:5px 0; font-size:17px; color:#333;}
.btn_privacy li a:hover { color:#0e499e; text-decoration:underline;}

/* 0701_로그인 */
.member_box { overflow:hidden; width:450px; padding:30px 50px; margin:50px auto 0; background:#f0f0f0; font-size:15px; box-shadow:3px 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.2); color:#797979; text-align:center; text-transform:capitalize;}
.member_box dt { margin-bottom:10px;}
.member_box dd { margin-bottom:20px;}
.member_box .input_text { width:90%; height:40px; line-height:40px; padding:0 5%; border:solid 1px #ccc; border-radius:0; font-size:15px; background:#fff; color:#aeaeae; letter-spacing:-0.05em;}
.member_box .input_textarea { max-width:450px; width:90%; height:100px; line-height:20px; padding:10px 5%; border:solid 1px #ccc; border-radius:0; font-size:15px; background:#fff; color:#aeaeae; letter-spacing:-0.05em;}
.btn_join { display:block; margin-top:50px; text-align:center;}

/* 0702_회원가입 */
.img_join_top { margin-top:50px; text-align:center;}
.join_list > li { overflow:hidden; float:left; width:45%; padding:30px 2.5% 0; font-size:15px; color:#555; letter-spacing:-0.05em;}
.join_privacy_box { overflow-y:scroll; width:95%; height:170px; padding:20px 2.5%; margin-bottom:15px; border:solid 1px #ccc; font-size:14px;}
.join_privacy_box h3 { margin-bottom:5px; font-weight:bold; color:#265ca9;}
.join_privacy_box p, .join_privacy_box ul { margin-bottom:10px; line-height:1.4em;}
.join_privacy_box li { padding-left:10px; background:url('../images/bu_join_li.gif') no-repeat left 10px;}

/* 0704_아이디비밀번호찾기 */
.idpass_list li { float:left; width:50%;}

/* FAQ스킨리스트 */
#board_list_faq .faq_list_skin { width:100%; border-top:solid 2px #bfbfbf;}
#board_list_faq .faq_list_skin li a { display:block; padding:20px 0 20px 10%; border-bottom:solid 1px #ccc; font-size:17px; font-weight:bold; background:url('../images/ico_q.png') no-repeat 30px center; color:#222; letter-spacing:-0.05em; line-height:1.4em;}
#board_list_faq .faq_list_skin li div { display:none; padding:30px 30px 30px 12%; border-bottom:solid 1px #ccc; font-size:16px; background:#f7f7f7 url('../images/ico_a.png') no-repeat 30px 20px; color:#555; letter-spacing:-0.05em;}




/* ////////////////////////////////////////////////// */
@media all and (min-width:1000px) and (max-width:1200px) {
/* table */
.div_tbl { overflow-x:scroll; padding-bottom:10px;}
.div_tbl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar { height:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}

.tbl_top, .tbl_left { width:1200px;}

/* 01_기업소개_0201_기업현황 */
.overview .diagram li { width:39%; padding-left:9%; margin-bottom:10px;}

/* 01_기업소개_0202_비전 및 경영철학 */
.vision { background-size:100%;}
.vision_list li { float:left; width:30%; padding:40px 0 40px 20%;}
.vision_list .ico_vision01 { background:#dbe3f4 url('../images/ico_vision01.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision02 { background:#f0f0f0 url('../images/ico_vision02.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision03 { background:#f0f0f0 url('../images/ico_vision03.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision04 { background:#dbe3f4 url('../images/ico_vision04.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision05 { background:#dbe3f4 url('../images/ico_vision05.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision06 { background:#f0f0f0 url('../images/ico_vision06.png') no-repeat 15% center; background-size:100px;}

/* 01_기업소개_0204_인증특허 */
.cert_left { width:25%; margin-right:3%;}
.cert_right { width:72%;}
.cert_right dt { width:15%;}
.cert_right dd { width:85%;}

/* 01_기업소개_0206_CI */
.ci li { float:none; width:80%;}
.ci .txt_box { width:100%; margin:20px 0 0 0;}

/* 02_제품소개_0101_브랜드소개 */
.brand .img_box { height:800px;}
.brand .img_box .tit { padding:50px;}

.brand .txt_box { height:750px;}
.brand .txt_box .brand_prod { width:80%;}
.brand .txt_box .btn_link a { width:130px; height:45px; padding-top:85px;}
.brand .txt_box .btn_link .ico_car a { background:#303336 url('../images/ico_brand01.gif') no-repeat center 26px;}
.brand .txt_box .btn_link .ico_bus a { background:#303336 url('../images/ico_brand02.gif') no-repeat center 26px;}
.brand .txt_box .btn_link .ico_truck a { background:#303336 url('../images/ico_brand03.gif') no-repeat center 26px;}
.brand .txt_box .btn_link .ico_taxi a { background:#303336 url('../images/ico_brand04.gif') no-repeat center 26px;}

/* 02_제품소개_0201_용도별제품분류 */
.products .img_box { float:none; width:80%; margin:0 auto;}
.products .txt_box { float:none; width:100%; margin-left:0; text-align:center;}
.products .txt_box h3 { margin-top:30px; text-align:center;}
.products .txt_box .prod_logo { margin:40px 0 20px;}
.products .txt_box .p_tit { text-align:center;}
.products .prod_spec { text-align:left;}
.products .prod_spec h3 { margin-top:0; text-align:left;}

.prod_test_result { padding:30px 0;}

/* 02_제품소개_0401_제품검색_old */
.search_result_list li { width:32%; margin:0 0.5% 1% 0.5%;}
.search_result_list .txt_box dt { width:35%;}
.search_result_list .txt_box dd { width:65%;}

/* 02_제품소개_0401_제품검색_new */
/* 상단검색 */
.input_type .btn_number { padding:10px 5px;}

/* 검색결과 */
.tbl_result_prod { width:1200px;}


/* 02_제품소개_0501_공정과정 */
.process .left_box { width:65%; padding:50px 2.5%; background:#fff;}

.pop_process { position:fixed; top:0; left:0; overflow-y:scroll; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:100;}
.pop_con { margin:-300px 0 0 -400px;}
.btn_pop_close { margin:-370px 0 0 330px;}

/* 01_기업소개_0401_글로벌네트워크 */
.global img { width:100%;}

/* 02_제품소개_0401_공정과정 */
.process .right_box { width:25%; padding:40px 2.5%;}
.process .left_box img, .process .right_box img { width:100%;}

/* 05_인재채용_0204_교육체계 */
.training div img { width:100%;}

/* 0804_아이디비밀번호찾기 */
.idpass_list li { float:none; width:100%;}

/* FAQ스킨리스트 */
#board_list_faq .faq_list_skin li a { padding:20px 0 20px 12%;}
#board_list_faq .faq_list_skin li div { padding:30px 30px 30px 14%;}


}




/* ////////////////////////////////////////////////// */
@media all and (max-width:1200px) {
    /* 04_커뮤니티_0202_홍보동영상 */
    .video_list .colum2-list li { float: none; width: 100%;}
}



/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:640px) and (max-width:999px) {
/* 공통 */
p { font-size:15px;}
.con_top p { width:70%;}

/* table */
.div_tbl { overflow-x:scroll; padding-bottom:10px;}
.div_tbl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar { height:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}

.tbl_top, .tbl_left { width:1000px; font-size:15px; line-height:1.4em;}

/* bu_list */
.bu_list li { font-size:15px;}

/* 01_기업소개_0101_CEO인사말 */
.greeting li { float:none; width:100%;}
.greeting .img_box { width:60%; margin:0 auto;}

/* 01_기업소개_0201_기업현황 */
.overview .diagram li { width:39%; padding-left:11%; margin-bottom:10px;}

/* 01_기업소개_0202_비전 및 경영철학 */
.vision { background:url('../images/bg_vision.gif') no-repeat center 50px; background-size:100%;}
.vision img { width:100%;}

.vision_list li { width:25%; padding:40px 0 40px 25%;}
.vision_list .ico_vision01 { background:#dbe3f4 url('../images/ico_vision01.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision02 { background:#f0f0f0 url('../images/ico_vision02.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision03 { background:#f0f0f0 url('../images/ico_vision03.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision04 { background:#dbe3f4 url('../images/ico_vision04.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision05 { background:#dbe3f4 url('../images/ico_vision05.png') no-repeat 15% center; background-size:100px;}
.vision_list .ico_vision06 { background:#f0f0f0 url('../images/ico_vision06.png') no-repeat 15% center; background-size:100px;}

.manag_diagram li { width:24%; margin:0 0.5%;}
.manag_diagram li img { width:80%; margin:0 auto;}

.management .manag_top { width:100%; background-size:100% 100%;}
.management .manag_center { width:100%; background-size:100% 100%;}
.management .manag_center h3 { margin:0 14% 50px;}
.management .manag_bot { width:100%; background-size:100% 100%;}
.management .img_management img { width:90%; margin:0 auto;}
.management .bu_list { padding:0 10%;}

/* 01_기업소개_0203_연혁 */
.hist_left { float:none; width:80%; margin:0 auto;}
.hist_right { float:none; width:100%; margin-top:30px;}
.hist_right li p { padding-bottom:10px;}

/* 01_기업소개_0204_사회공헌 */
.social_top ul { width:100%;}
.social_top li { width:23%; height:50px; margin:0 1%;}
.social_top p { width:100%;}

.social .img_social li { float:none; width:100%;}

/* 01_기업소개_0205_인증특허 */
.cert_left { width:30%; margin-right:3%;}
.cert_right { width:67%;}
.cert_right dt { width:20%;}
.cert_right dd { width:80%;}

/* 01_기업소개_0206_CI */
.ci li { float:none; width:100%;}
.ci .txt_box { width:100%; margin:20px 0 0 0;}

/* 01_기업소개_0303_재무정보 */
.finance01 img, .finance02 img { width:100%;}

/* 01_기업소개_0304_공시정보관리규정 */
.invest img { width:100%;}

/* 01_기업소개_0401_글로벌네트워크 */
.global img { width:100%;}
.global .ico_circle { width:100%; margin:0 auto 20px;}
.global .ico_circle li { width:22%; height:110px; margin:0 1.5%; padding-top:30px; border-radius:50%;}

/* 01_기업소개_0402_계열사소개 */
.tbl_affi { font-size:15px; line-height:1.4em;}

/* 01_기업소개_0403_관계사소개 */
.partner .part_list li { width:31.33%; margin:0 1% 40px;}

/* 01_기업소개_0501_오시는길 */
.tit_loca .p_addr { font-size:18px;}

/* 02_제품소개_0101_브랜드소개 */
.brand .img_box { float:none; width:100%; height:700px;}
.brand01 { background:url('../images/bg_brand01.jpg') no-repeat left bottom; background-size:cover;}/*하이큐*/
.brand02 { background:url('../images/bg_brand02.jpg') no-repeat center bottom; background-size:cover;}/*하드론*/
.brand03 { background:url('../images/bg_brand03.jpg') no-repeat left bottom; background-size:cover;}/*하드론Z*/
.brand04 { background:url('../images/bg_brand04.jpg') no-repeat left bottom; background-size:cover;}/*하겐*/

.brand .txt_box { overflow:hidden; float:none; width:100%; height:auto; padding:50px 0;}
.brand .txt_box .brand_prod { width:80%;}

/* 02_제품소개_0201_용도별제품분류 */
.products .img_box { float:none; width:80%; margin:0 auto;}
.products .txt_box { float:none; width:100%; margin-left:0; text-align:center;}
.products .txt_box .prod_logo { margin:30px 0;}
.products .txt_box .p_tit { margin:0 0 40px; text-align:center;}
.products .prod_spec { text-align:left;}
.products .prod_spec h3 { margin-top:0; text-align:left;}
.products .center img { width:100%;}

.taxi_info img { width:100%;}

.prod_test_result { padding:30px 0;}

/* 02_제품소개_0301_브레이크제품 */
.prod_left { float:none; width:80%; margin:0 auto;}
.prod_right { float:none; width:80%; margin:0 auto; border-top:0;}
.prod_right div { padding:40px 0;}

/* 02_제품소개_0401_제품검색_old */
.search_box > li { width:49%;}
.search_result_list .txt_box dl { font-size:15px;}
.search_result_list li { width:48.5%; margin:0 0.5% 1% 0.5%;}

/* 02_제품소개_0401_제품검색_new */
/* 상단검색 */
.search_prod_box > ul > li { float:none; width:100%; min-height:0;}
.search_prod_box li > div { padding:20px;}
.list_type li { float:left; width:30%; margin:0 1.5%;}

.input_type .input_text { width:90%;}

/* 검색결과 */
.tbl_result_prod { width:1000px;}

/* 02_제품소개_0501_공정과정 */
.process .process_box .left_box { float:none; width:90%; padding:50px 5%;}
.process .process_box .right_box { float:none; width:100%; padding:40px 0;}
.process .process_box .left_box img { width:100%;}

.pop_process { overflow-y:scroll;}
.pop_con { top:20%; left:0; margin:0 5%; padding:50px 0 0; width:90%;}
.pop_con h3 { padding:15px 10% 30px;}
.pop_con p { padding:0 10%;}
.pop_con img { width:500px;}
.btn_pop_close { top:20%; left:95%; margin:-70px 0 0 -70px;}

/* 03_기술력_0101_기술연구소 */
.lab img { width:80%;}

/* 03_기술력_0201_개발현황 */
.development .txt_box { float:none; width:100%; padding-top:30px;}
.development .img_box { float:none; width:100%; margin-left:0%;}
.development .bg_blue .img_box { float:none; width:100%; margin:0;}

/* 03_기술력_0301_기술제휴선 */
.cooper_partner { background:url("../images/bg_dotline_h.gif") repeat-x left top;}
.cooper_partner li { float:none; width:90%; padding:20px 5%; background:url("../images/bg_dotline_h.gif") repeat-x left bottom;}
.cooper_partner .img_box { float:left; width:35%; margin:0;}
.cooper_partner .txt_box { float:left; width:50%; margin-left:10%; text-align:left;}
.cooper_partner .txt_box h3 { margin:0 0 10px;}
.cooper_partner .txt_box p { padding-left:0;}
.cooper_diagram { width:90%; margin:0 auto;}
.cooper_diagram li { width:24.33%; margin:0 4.5% 20px;}

/* 03_기술력_0401_연구개발과정 */
.flow img { width:100%;}

/* 04_커뮤니티_0203_온라인사보 */
.lett_list li { width:47%;}

/* 04_커뮤니티_0301_AS문의 */
.asmap_box { float:none; margin:0 auto;}
.asmap_con { float:none; margin:20px auto 0; width:430px;}

/* 05_인재채용_0101_채용안내 */
.recruit_guide > ul > li { float:none; width:100%; margin-right:0%;}
.img_recruit_step_pc { width:100%;}

/* 05_인재채용_0201_상신인재상 */
.person img { width:100%;}

.training_top ul { width:100%;}
.edu01 li { width:18%; height:50px; margin:0 1%;}
.edu02 li { width:23%; height:50px; margin:0 1%;}

/* 05_인재채용_0202_인사제도 */
.system .txt_box { float:none; width:100%;}
.system .img_box { float:none; width:80%; margin:0 auto;}
.system_diagram li img { width:80%; margin:0 auto;}

/* 05_인재채용_0203_직무소개 */
.part .part_list { float:none; width:100%; margin-right:0%;}

/* 05_인재채용_0204_교육체계 */
.training div img { width:100%;}

/* 06_기타_0101_사이트맵 */
.sitemap .sitemap_list { width:32.33%; margin-right:1%;}
.sitemap .sitemap_list .sitemap_dep3 { display:none;}

/* 06_개인정보처리방침 */
.btn_privacy li a { font-size:15px;}

/* 0702_회원가입 */
.basic_write_skin th { width:25%;}
.basic_write_skin .input_text { width:40%;}
.basic_write_skin .wd_small { width:20%;}
.basic_write_skin .wd_large { width:50%;}

/* 0704_아이디비밀번호찾기 */
.idpass_list li { float:none; width:100%;}

/* border */
/* 베이직스킨리스트 */
#board_list_basic .basic_list_skin th { width:10%;}
#board_list_basic .basic_list_skin td { width:15%;}
#board_list_basic .basic_list_skin .td_left { width:60%;}

/* FAQ스킨리스트 */
#board_list_faq .faq_list_skin li a { padding:20px 0 20px 15%; font-size:15px;}
#board_list_faq .faq_list_skin li div { padding:30px 30px 30px 17%; font-size:14px;}

}





/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
/* 공통 */
.prod_test_result3 img { width:100%!important; height:auto!important;}
h4 { padding-left:14px; margin:40px 0 15px; font-size:20px; background:url('../images/ico_h4.gif') no-repeat left 4px; background-size:3px 16px;}
h5 { padding-left:25px; margin:20px 0 7px; font-size:16px; background:url('../images/ico_h5.gif') no-repeat 8px center;}
p { font-size:14px; line-height:1.5em;}
.p_indent { padding-left:25px;}
.con_top { margin-bottom:30px;}
.con_top h3 { font-size:25px;}
.con_top .p_tit { padding:10px 0 14px; font-size:17px;}
.con_top p { width:100%; font-size:14px;}

/* table */
.div_tbl { overflow-x:scroll; padding-bottom:10px;}
.div_tbl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar { height:10px; background-color:#F5F5F5;}
.div_tbl::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}

.tbl_top { width:640px; font-size:14px; line-height:1.4em;}
.tbl_top thead th { padding:10px 15px;}
.tbl_top tfoot th { padding:7px 0;}
.tbl_top td { padding:7px 0;}
.tbl_top .td_left { padding-left:14px;}

.tbl_left { width:640px; font-size:14px; line-height:1.4em;}
.tbl_left th { padding:11px 14px;}
.tbl_left td { padding:11px 14px;}

/* bu_list */
.bu_list li { padding-left:35px; margin-bottom:7px; font-size:14px; background:url('../images/bg_bu_list.gif') no-repeat 25px 7px; line-height:1.4em;}

/* 01_기업소개_0101_CEO인사말 */
.greeting li { float:none; width:100%;}
.greeting .img_box { width:80%; margin:0 auto;}
.greeting h3 { font-size:22px;}
.greeting .p_tit { padding:20px 0 33px; font-size:16px;}
.greeting .p_sign { padding-top:33px; line-height:30px;}
.greeting .p_sign img { width:94px;}

/* 01_기업소개_0201_기업현황 */
.overview h3 { padding:33px 0 20px; font-size:22px;}
.overview .diagram { padding-top:30px;}
.overview .diagram li { float:none; width:100%; padding-left:15%; margin-bottom:7px; font-size:17px; line-height:46px;}
.overview .diagram .ico_overview01, .overview .diagram .ico_overview02, .overview .diagram .ico_overview03, .overview .diagram .ico_overview04 { background-size:40px 46px;}
.overview .img_overview li { float:none; width:100%;}

/* 01_기업소개_0202_비전 및 경영철학 */
.vision { background:url('../images/bg_vision.gif') no-repeat center 50px; background-size:100%;}
.vision img { width:100%;}
.vision h3 { padding:20px 0 10px; font-size:18px;}
.vision p { font-size:20px;}
.vision p span { font-size:27px;}

.vision_list li { float:none; width:55%; padding:25px 0 25px 45%;}
.vision_list li h3 { margin-bottom:10px; font-size:16px;}
.vision_list p { line-height:1.4em;}
.ico_vision01, .ico_vision02, .ico_vision03, .ico_vision04, .ico_vision05, .ico_vision06 { background-size:90px;}

.manag_diagram li { width:44%; margin:0 3% 25px; min-height:220px;}
.manag_diagram li h3 { margin:14px 0 7px; font-size:17px;}
.manag_diagram li img { width:80%; margin:0 auto;}

.management .manag_top { width:100%; height:46px; background-size:100% 100%;}
.management .manag_center { width:100%; background-size:100% 100%;}
.management .manag_center h3 { padding-bottom:10px; margin:0 10% 33px; font-size:16px;}
.management .manag_bot { width:100%; height:46px; background-size:100% 100%;}
.management .img_management { margin:20px 0 33px;}
.management .img_management img { width:100%;}
.management .bu_list { padding:0 10%;}

/* 01_기업소개_0203_연혁 */
.hist_left { float:none; width:100%; margin:0;}
.hist_left h3 { margin:20px 0 5px; font-size:17px;}
.hist_left .p_year { padding-bottom:12px; font-size:22px;}
.hist_right { float:none; width:100%; margin-top:20px;}
.hist_right li { padding:20px 0 10px;}
.hist_right li h3 { float:none; width:97%; padding:0 0 10px 3%; font-size:19px; text-align:left;}
.hist_right li .hist_list { float:none; width:97%; padding-left:3%;}
.hist_right li p { padding-bottom:5px;}
.hist_right li p strong { padding-right:6px;}

/* 01_기업소개_0204_사회공헌 */
.social_top h3 { font-size:22px;}
.social_top ul { width:100%; padding:20px 0 26px;}
.social_top li { width:23%; height:33px; margin:0 1%; padding-top:66px; font-size:16px;}
.social_top .ico_social01 { background:#efefef url('../images/ico_social01.gif') no-repeat center 16px; background-size:44px 47px;}
.social_top .ico_social02 { background:#efefef url('../images/ico_social02.gif') no-repeat center 16px; background-size:56px 47px;}
.social_top .ico_social03 { background:#efefef url('../images/ico_social03.gif') no-repeat center 16px; background-size:50px 47px;}
.social_top .ico_social04 { background:#efefef url('../images/ico_social04.gif') no-repeat center 16px; background-size:46px 47px;}
.social_top p { width:100%; font-size:15px;}

.social { margin-top:30px;}
.social > ul > li { padding:30px 20px;}
.social h3 { font-size:20px;}
.social .p_stit { padding:8px 0 16px; margin-bottom:14px; font-size:16px;}
.social .img_social { margin-top:26px;}
.social .img_social li { float:none; width:100%;}

/* 01_기업소개_0205_인증특허 */
.cert_left { float:none; width:60%; margin:0 auto;}
.cert_left .img_box { padding:7px; margin:20px;}
.cert_right { float:none; width:90%; margin:20px auto 10px; font-size:14px;}
.cert_right h3 { margin-bottom:10px; font-size:20px;}
.cert_right dt { float:left; width:25%; margin-bottom:10px;}
.cert_right dd { float:left; width:75%; margin-bottom:10px;}

/* 01_기업소개_0206_CI */
.ci li { float:none; width:100%;}
.ci .txt_box { width:100%; margin:20px 0 0 0;}
.ci .btn_ci_down { width:150px; height:40px; line-height:40px; margin:3px 3px 0 0; padding-left:15px; background:url('../images/bg_btn_down.gif') no-repeat; background-size:100% 40px; font-size:14px;}

/* 01_기업소개_0303_재무정보 */
.finance01 img, .finance02 img { width:100%;}

/* 01_기업소개_0304_공시정보관리규정 */
.invest img { width:100%;}

/* 01_기업소개_0401_글로벌네트워크 */
.global img { width:100%;}
.global .ico_circle { width:100%; margin:0 auto 10px;}
.global .ico_circle li { float:left; width:24%; height:65px; margin:0 0.5%; padding-top:20px; border-radius:50%; font-size:14px; line-height:1.7em;}
.global .ico_circle li span { font-size:20px;}
.global p { padding:20px 0; font-size:16px;}

/* 01_기업소개_0402_계열사소개 */
.affiliate li { float:none; width:100%;}
.affiliate .txt_box { width:100%; margin:20px 0 0 0;}
.tbl_affi { font-size:14px; line-height:1.4em;}
.tbl_affi th { padding:11px 14px;}
.tbl_affi td { padding:11px 14px 11px 0;}

/* 01_기업소개_0403_관계사소개 */
.partner .part_list .img_box { margin-bottom:14px;}
.partner .part_list li { width:48%; margin:0 1% 26px;}
.partner .part_list li p { width:100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 01_기업소개_0501_오시는길 */
.tit_loca { margin:0 auto 20px;}
.tit_loca h3 { float:none; padding-right:20px; font-size:22px; line-height:40px; text-align:center;}
.tit_loca h3 img { width:26px; padding-top:5px;}
.tit_loca p { float:none; padding-left:0; background:none; line-height:25px; text-align:center;}
.tit_loca .p_addr { font-size:16px;}

/* 02_제품소개_0101_브랜드소개 */
.brand .img_box { float:none; width:100%; height:400px;}
.brand .img_box .tit { padding:25px; margin-top:40px;}
.brand .img_box .tit h3 { padding-bottom:14px; font-size:25px;}
.brand .img_box .tit p { font-size:14px;}
.brand01 { background:url('../images/bg_brand01.jpg') no-repeat left bottom; background-size:cover;}/*하이큐*/
.brand02 { background:url('../images/bg_brand02.jpg') no-repeat center bottom; background-size:cover;}/*하드론*/
.brand03 { background:url('../images/bg_brand03.jpg') no-repeat left bottom; background-size:cover;}/*하드론Z*/
.brand04 { background:url('../images/bg_brand04.jpg') no-repeat left bottom; background-size:cover;}/*하겐*/

.brand .txt_box { float:none; width:100%; height:auto; padding:30px 0;}
.brand .txt_box .brand_logo { width:50%;}
.brand .txt_box .brand_prod { width:100%;}
.brand .txt_box h3 { padding:15px 0 20px; font-size:18px;}
.brand .txt_box p { width:80%; margin:0 auto;}
.brand .txt_box .btn_link { width:90%; margin:30px auto 0;}
.brand .txt_box .btn_link li { float:left; width:30.33%; margin:0 1.5%;}
 .brand .txt_box .btn_link li img {width: 100%;height: auto;}
.brand .txt_box .btn_link a { display:block; width:auto; height:35px; padding-top:0px; font-size:15px;}
.brand .txt_box .btn_link .ico_car a { background:#303336 url('../images/ico_brand01.gif') no-repeat center 24px; background-size:45px 32px;}
.brand .txt_box .btn_link .ico_bus a { background:#303336 url('../images/ico_brand02.gif') no-repeat center 24px; background-size:45px 32px;}
.brand .txt_box .btn_link .ico_truck a { background:#303336 url('../images/ico_brand03.gif') no-repeat center 24px; background-size:50px 32px;}
.brand .txt_box .btn_link .ico_taxi a { background:#303336 url('../images/ico_brand04.gif') no-repeat center 24px; background-size:38px 32px;}
.brand .txt_box .btn_link2 { margin-left:0%;margin-bottom: 90px;}

/* 02_제품소개_0201_용도별제품분류 */
.products .img_box { float:none; width:100%;}
.products .txt_box { float:none; width:100%; margin-left:0; text-align:center;}
.products .txt_box .prod_logo { margin:20px auto; width:50%;}
.products .txt_box .prod_logo img { margin-bottom:10px;}
.products .txt_box .p_tit { margin:0 0 30px; font-size:24px; text-align:center;}
.products .prod_spec { text-align:left; margin-top:20px;}
.products .prod_spec li { overflow:hidden; min-height:70px; padding-left:90px; margin-bottom:26px;}
.products .prod_spec li.ico_prem01,
.products .prod_spec li.ico_prem02,
.products .prod_spec li.ico_prem03,
.products .prod_spec li.ico_speed01,
.products .prod_spec li.ico_speed02,
.products .prod_spec li.ico_car01,
.products .prod_spec li.ico_car02,
.products .prod_spec li.ico_car03,
.products .prod_spec li.ico_world01,
.products .prod_spec li.ico_world02,
.products .prod_spec li.ico_world03,
.products .prod_spec li.ico_taxi01,
.products .prod_spec li.ico_taxi02,
.products .prod_spec li.ico_bus01,
.products .prod_spec li.ico_bus02,
.products .prod_spec li.ico_truck01 { background-size:70px;}
.products .prod_spec h3 { margin-top:0; padding-bottom:10px; font-size:17px; line-height:1.4em; text-align:left;}
.products .center img { width:100%;}

.prod_box li { width:100%; margin:0 0 2%; padding:20px 0;}
.prod_box h3 { padding-bottom:5px; font-size:20px;}
.prod_box .p_tit { padding-bottom:10px; font-size:16px;}

.taxi_info img { width:100%;}

.prod_test_result { padding:20px; margin-bottom:15px;}
.prod_test_result li { float:none; width:100%; margin:0;}
.prod_test_result li .img_prod_pd { padding-bottom:15px;}
.h4_span { font-size:14px;}

.prod_test_result2 li { float:none; width:100%; margin:0 0 2% 0;}
.prod_test_result2 li div { padding:15px;}

/* 02_제품소개_0301_브레이크제품 */
.prod_brake li { margin-top:33px;}
.prod_left { float:none; width:100%; margin:0;}
.prod_right { float:none; width:100%; border-top:0;}
.prod_right div { padding:26px 0;}
.prod_right .p_tit { font-size:17px;}
.prod_right h3 { padding:10px 0 20px; font-size:23px;}
.prod_right h3 span { font-size:15px;}
.prod_right a { margin-top:20px;}

/* 02_제품소개_0401_제품검색_old */
.search_box > li { float:none; width:100%; min-height:0;}
.search_box h3 { padding:11px 0; font-size:15px;}
.search_box li div { padding:15px;}
.search_box .list_type_box li a { padding:10px 0; font-size:14px;}
.search_box .list_type_text li { float:left; width:50%; text-align:left;}
.search_box .list_type_text li a { margin-bottom:7px; font-size:14px;}
.search_top .input_select { width:100%; height:36px; line-height:36px; font-size:14px;}

.search_result { position:static; padding-top:1px; margin-top:45px;}
.search_type { position:static;}
.search_type li a { padding:0 5px 10px 5px; font-size:14px;}
.search_result_list li { width:100%; margin:0 0 3% 0;}
.search_result_list .img_box { width:70%; margin:0 auto; padding:0 15px;}
.search_result_list .txt_box { padding:0 15px 15px 15px;}
.search_result_list .txt_box h3 { padding-bottom:10px; font-size:17px;}
.search_result_list .txt_box h3 span { font-size:16px;}
.search_result_list .txt_box dl { font-size:14px;}
.search_result_list .txt_box dt { float:left; width:30%;}
.search_result_list .txt_box dd { float:left; width:70%;}

/* 02_제품소개_0401_제품검색_new */
/* 상단검색 */
.search_prod_box h3 { padding:8px 0; font-size:15px;}
.search_prod_box > ul > li { float:none; width:100%; min-height:0;}
.search_prod_box li > div { padding:15px;}
.list_type li { float:left; width:30%; margin:0 1.5%;}
.list_type li a { padding:8px 0; font-size:14px;}
.select_type .input_select { height:36px; line-height:36px; font-size:14px;}
.input_type > div { width:100%; height:36px; line-height:36px; border:solid 1px #ccc; background:#fff;}
.input_type .input_text { width:80%; height:36px; line-height:36px; font-size:14px;}
.input_type .btn_number { padding:7px;}

/* 검색결과 */
.tbl_result_prod { width:900px;}
.tbl_result_prod thead th { padding:10px 0; font-size:14px;}
.tbl_result_prod tbody td { padding:10px 0; font-size:13px;}
.tbl_result_prod tbody td.td_left { padding:10px 8px;}

/* 02_제품소개_0501_공정과정 */
.process .left_box { float:none; width:90%; padding:30px 5%;}
.process .right_box { float:none; width:70%; padding:26px 15%;}
.process .left_box img, .process .process_box .right_box img { width:100%;}

.process .btn_view a { width:105px;}
.process .btn_view a p { padding:10px 0; min-height:63px; font-size:14px;}
.process .btn_view .view { padding:10px 0; font-size:14px; line-height:10px;}
.process .btn_view .view img { width:10px;}
.process .btn_view .bg_arr { padding:45px 7px 45px;}
.process .btn_view .bg_arr img { width:13px; height:26px;}

.pop_process { overflow-y:scroll;}
.pop_con { top:15%; left:0; margin:0 5%; padding:30px 0 0; width:90%;}
.pop_con .p_tit { font-size:15px;}
.pop_con h3 { padding:7px 5% 15px; font-size:18px;}
.pop_con p { padding:0 5%; font-size:14px;}
.pop_con img { width:100%;}
.btn_pop_close { top:15%; left:95%; margin:-45px 0 0 -45px;}
.btn_pop_close a { width:45px; height:31px; padding-top:14px;}
.btn_pop_close a img { width:19px;}

/* 03_기술력_0101_기술연구소 */
.lab img { width:100%;}

.facility_box > ul > li { float:none; width:100%; padding:0; margin-bottom:30px;}
.facility_box .img_box { overflow:hidden;}
.facility_box .txt_box { margin-top:20px;}
.facility_box .txt_box h3 { font-size:18px;}
.facility_box .txt_box p { font-size:14px;}
.facility_box .txt_box .bu_list { padding-top:16px; margin-top:16px;}

/* 03_기술력_0201_개발현황 */
.development > ul > li { padding:20px;}
.development h3 { padding-bottom:8px; margin-bottom:20px; font-size:20px;}
.development img { width:100%;}
.development .txt_box { float:none; width:100%; padding-top:30px;}
.development .img_box { float:none; width:100%; margin-left:0%;}
.development .bg_blue .img_box { float:none; width:100%; margin:0;}

/* 03_기술력_0301_기술제휴선 */
.cooperation img { width:100%;}
.cooper_partner { margin-top:26px; background:url("../images/bg_dotline_h.gif") repeat-x left top;}
.cooper_partner li { float:none; width:90%; padding:20px 5%; background:url("../images/bg_dotline_h.gif") repeat-x left bottom;}
.cooper_partner .txt_box h3 { margin:16px 0 7px; font-size:17px;}
.cooper_diagram { width:100%; margin:50px 0 0 0;}
.cooper_diagram li { width:50%; margin:0 0 20px 0;}
.cooper_diagram .h_flow { height:185px;}
.cooper_diagram li img { width:60%;}
.cooper_diagram li h3 { margin:14px 0 5px; font-size:15px; line-height:1.2em;}
.cooper_diagram li p { font-size:14px;}

/* 03_기술력_0401_연구개발과정 */
.flow img { width:100%;}
.flow h3 { padding-bottom:26px; font-size:16px;}
.img_flow_pc { display:none;}
.img_flow_m { display:block;}

/* 04_커뮤니티_0202_홍보동영상 */
.video_list .txt_box h3 { padding:20px 0 14px; font-size:20px;}
.video_list ul { margin-top:30px;Q}
.video_list li > div { padding:15px 20px;}
.video_list li > div p { width:100%; font-size:14px;}
.video_list li .btn_downloads { position:static; float:right; margin-top:10px;}
.video_list li .btn_downloads a,
.video_list li .btn_downloads button { height:36px; line-height:36px; padding:0 20px; font-size:14px;}

/* 04_커뮤니티_0203_온라인사보 */
.newsletter .year_select { position:static; width:100%; height:36px; line-height:36px; font-size:14px;}
.lett_list { padding-top:20px;}
.lett_list li { float:left; width:48%; margin:10px 1%;}
.lett_list .txt_box { height:36px; padding-left:10px;}
.lett_list .txt_box p { font-size:13px; line-height:36px;}
.lett_list .txt_box a { padding:10px 10px 0;}
.lett_list .txt_box a img { width:15px; height:15px;}

/* 04_커뮤니티_0301_AS문의 */
.asmap { padding:30px 0;}
.asmap_box { float:none; margin:0 auto;}
.asmap_con { float:none; margin:20px auto 0; width:280px;}
.asmap_con h3 { padding-bottom:8px; margin-bottom:20px; font-size:20px;}
.asmap_con p { padding-left:35px; margin-bottom:7px; font-size:14px; background:url('../images/bg_bu_list.gif') no-repeat 25px 7px;}

/* 04_커뮤니티_0403_부품인증제 취급설명 */
.p_explain { margin:20px 0 5px 3%; font-size:14px;}

/* 05_인재채용_0101_채용안내 */
.recruit_guide > ul > li { float:none; width:100%; margin-right:0%;}
.recruit_guide > ul > li div { padding:0 0 10px 90px; min-height:80px;}
.recruit_guide .ico_guide01 div, .recruit_guide .ico_guide02 div, .recruit_guide .ico_guide03 div, .recruit_guide .ico_guide04 div, .recruit_guide .ico_guide05 div { background-size:80px;}
.img_recruit_step_pc { display:none;}
.img_recruit_step_m { display:block; width:100%;}

/* 05_인재채용_0201_상신인재상 */
.person img { width:100%;}

.edu01 { margin:45px 0 10px;}
.edu01 li { width:18%; height:33px; margin:0 1%;}
.edu02 li { width:23%; height:33px; margin:0 1%;}
.training_top ul { width:100%;}
.training_top li { float:left; padding-top:55px; font-size:14px;}
.training_top .ico_edu01 { background:#efefef url('../images/ico_edu01.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu02 { background:#efefef url('../images/ico_edu02.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu03 { background:#efefef url('../images/ico_edu03.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu04 { background:#efefef url('../images/ico_edu04.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu05 { background:#efefef url('../images/ico_edu05.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu06 { background:#efefef url('../images/ico_edu06.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu07 { background:#efefef url('../images/ico_edu07.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu08 { background:#efefef url('../images/ico_edu08.gif') no-repeat center 16px; background-size:40px 40px;}
.training_top .ico_edu09 { background:#efefef url('../images/ico_edu09.gif') no-repeat center 16px; background-size:40px 40px;}

/* 05_인재채용_0202_인사제도 */
.system .txt_box { float:none; width:100%;}
.system .img_box { float:none; width:100%;}

.system_diagram { margin-top:26px;}
.system_diagram li { float:none; width:80%; margin:0 10% 30px;}
.system_diagram li img { width:50%; margin:0 auto;}
.system_diagram li h3 { margin:14px 0 7px; font-size:17px;}

/* 05_인재채용_0203_직무소개 */
.part_top { height:200px;}
.part_top h3 { padding:66px 0 20px; margin-bottom:20px; font-size:22px;}
.part .part_list { float:none; width:100%; margin-right:0%;}
.part .part_list p { padding-left:35px; margin-bottom:7px; font-size:14px; background:url('../images/bg_bu_list.gif') no-repeat 25px 7px; line-height:1.4em;}

/* 05_인재채용_0204_교육체계 */
.training div img { width:100%;}
.img_training_pc { display:none;}
.img_training_m { display:block;}

/* 06_기타_0101_사이트맵 */
.sitemap { margin-bottom:30px; padding-left:20px;}
.sitemap h3 { padding-bottom:20px; font-size:18px;}
.sitemap .sitemap_list { width:49%; margin-right:1%;}
.sitemap .sitemap_list > a { padding-left:14px; margin-bottom:3px; font-size:14px; line-height:30px;}
.sitemap .sitemap_list .sitemap_dep3 { display:none;}

/* 06_기타_0104_이메일무단수집거부 */
.emailreject p { width:80%; margin:26px auto 0;}
.emailreject img { width:100%;}

/* 06_개인정보처리방침 */
.btn_privacy li { float:none; width:100%;}
.btn_privacy li a { padding:2px 0; font-size:14px;}

/* 0701_로그인 */
.member_box { width:80%; padding:20px 10%; margin:30px auto 0; font-size:14px;}
.member_box dt { margin-bottom:7px;}
.member_box dd { margin-bottom:14px;}
.member_box .input_text { height:32px; font-size:14px; line-height:32px;}
.member_box .input_textarea { height:80px; font-size:14px;}
.btn_join { margin-top:30px;}

/* 0702_회원가입 */
.img_join_top { margin-top:30px;}
.img_join_top img { width:140px;}
.join_list > li { float:none; width:95%; padding:20px 2.5% 0; font-size:14px;}
.join_privacy_box { width:95%; height:100px; padding:14px 2.5%; margin-bottom:10px; font-size:14px;}
.join_privacy_box p, .join_privacy_box ul { margin-bottom:7px;}
.join_privacy_box li { padding-left:7px; background:url('../images/bu_join_li.gif') no-repeat left 7px;}

/* 0704_아이디비밀번호찾기 */
.idpass_list li { float:none; width:100%;}

/* border */
/* 베이직스킨리스트 */
#board_skin_top { padding:20px 0;}
#board_skin_top .search_info .input_select { width:60px; height:32px; line-height:32px; padding:0 5px; font-size:14px;}
#board_skin_top .search_info .input_text { width:100px; height:32px; line-height:32px; padding:0 10px; font-size:14px;}

#board_list_basic .basic_list_skin th { width:5%; padding:15px 0; font-size:16px;}
#board_list_basic .basic_list_skin td { width:15%; padding:15px 0; font-size:14px;}
#board_list_basic .basic_list_skin .td_left { width:65%;text-align: center!important;}
#board_list_basic .basic_list_skin .p_write { display:none;}
#board_list_basic .basic_list_skin .btn_more { width:26px;}
  #board_list_basic .basic_list_skin .p_date {float: unset!important; }
#board_page_bottom { margin-top:30px;}
#board_page_bottom a { padding:10px; font-size:14px;}

.btn_right { text-align:center;}

/* 베이직스킨뷰 */
#board_view .basic_list_skin th { padding:20px; font-size:14px; line-height:20px;}
#board_view .basic_list_skin th span { padding-right:14px;}
#board_view .basic_list_skin td { padding:20px;}
#board_view .basic_list_skin td div { min-height:150px; font-size:14px;}

#board_view .basic_file_skin { margin-top:30px;}
#board_view .basic_file_skin th { width:30%; padding:14px 0; font-size:14px;}
#board_view .basic_file_skin td { padding:14px; font-size:14px;}

/* 베이직스킨글쓰기 */
.basic_write_skin { margin:30px auto 26px;}
.basic_write_skin th { width:35%; padding-left:15px; font-size:14px;}
.basic_write_skin td { padding:10px 0; font-size:14px;}
.basic_write_skin .input_text { width:60%;}
.basic_write_skin .wd_small { width:10%;}
.basic_write_skin .wd_large { width:70%;}
.basic_write_skin .input_select { width:70px;}

/* FAQ스킨리스트 */
#board_list_faq .faq_list_skin li a { padding:14px 0 14px 17%; font-size:14px; background:url('../images/ico_q.png') no-repeat 15px center; background-size:28px;}
#board_list_faq .faq_list_skin li div { padding:20px 15px 20px 19%; font-size:13px; background:#f7f7f7 url('../images/ico_a.png') no-repeat 15px 14px; background-size:41px 28px;}
}




/* button */
button { border: 0; background: none; cursor: pointer;}
button:focus { outline: none;}
/* 200507 주가정보 추가 */
.tab-stock .tab-nav { display: table; margin: 0 auto 60px;}
.tab-stock .div_tbl:after,
.tab-stock .tab-nav:after { display: block; clear: both; content: "";}
.tab-stock .tab-nav li { float:left; margin:0 3px;}
.tab-stock .tab-nav button { display: inline-block; padding: 10px 30px; border-radius: 50px; background: #ddd; font-size: 17px; color: #333; letter-spacing: -0.05em;}
.tab-stock .tab-nav button:hover,
.tab-stock .tab-nav li.on button { background: #0e499e; color: #fff;}
.tab-stock .tab-con { z-index:1; width:100%;}
.tab-stock .tab-con > li { display:none;}
.tab-stock .tab-con > li.on { display:block;}
.tbl_left tfoot td { font-weight:bold; background:#eff4ff; text-align: center;}
.stockInfo2, .hoga { float: left; width: 50%;}
.sangHan-color { color: #e7302a !important; background: url('../images/ico-sangHan.png') no-repeat left 10px center; padding-left: 36px !important;}
.haHan-color { color: #1d79c3 !important; background: url('../images/ico-haHan.png') no-repeat left 10px center; padding-left: 36px !important;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:990px) {
    .stockInfo2, .hoga { float: none; width: 100%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:990px) {
    .tab-stock .tab-nav button { padding: 7px 15px; font-size: 13px;}
    .sangHan-color,
    .haHan-color { padding-left: 26px !important;}
}
@media screen and (max-width: 640px) {

}