@charset "utf-8";

/* 공통 */
#content { line-height:1.6em;}
h4 { padding-left:20px; margin:50px 0 25px; font-size:25px; background:url('image/ico_h4.gif') no-repeat; color:#0e499e; font-family:NanumSquare, '나눔스퀘어', '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum';}
h5 { padding-left:40px; margin:30px 0 10px; font-size:18px; background:url('image/ico_h5.gif') no-repeat 20px center; color:#0e0e0e; font-family:NanumSquareB, '나눔스퀘어', '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum';}
p { font-size:17px; color:#555;}
.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; text-align:center; line-height: 1.5em;}
.con_top p { font-size:18px; width:80%; margin:0 auto; text-align:center;}
.btn_center { text-align:center;}

/* clear */
.greeting ul:after, .overview ul:after, .social_top ul:after, .manag_diagram:after, .vision_list: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 { content:""; display:block; clear:both;}

/* table */
.tbl_top { width:100%; border-top:solid 2px #474747; font-size:17px;}
.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 30px; 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;}
.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('image/bg_bu_list.gif') no-repeat 35px 10px; color:#414141;}

/* 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;}
.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;}
.greeting .p_sign span { display: inline-block; margin-left: 10px; font-size: 28px; font-weight: 700;}

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

/* 01_기업소개_0202_비전 및 경영철학 */
.vision {  background:url('image/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:25px; font-style:italic; color:#222; line-height:1.5em; letter-spacing:0;}
.vision p span { font-size:40px;}

.vision_list { display: flex; flex-flow: row wrap;}
.vision_list li { float:left; width:33.33%; padding:40px 20px 40px 190px; box-sizing: border-box; background-position: 35px center !important;}
.vision_list li > h3 { margin-bottom:15px; font-weight: 600; font-size:20px; color:#222;}
.vision_list li p { font-size:16px; line-height:1.4em;}
.ico_vision01 { background:#dbe3f4 url('image/ico_vision01.png') no-repeat;}
.ico_vision02 { background:#f0f0f0 url('image/ico_vision02.png') no-repeat;}
.ico_vision03 { background:#dbe3f4 url('image/ico_vision03.png') no-repeat;}
.ico_vision04 { background:#f0f0f0 url('image/ico_vision04.png') no-repeat;}
.ico_vision05 { background:#dbe3f4 url('image/ico_vision05.png') no-repeat;}
.ico_vision06 { background:#f0f0f0 url('image/ico_vision06.png') no-repeat;}

.manag_diagram { display: flex; flex-flow: row wrap;}
.manag_diagram li { float:left; width:45%; margin:0 2.5%; text-align:center;}
.manag_diagram li h3 { margin:20px 0 10px; font-size:23px; color:#222; line-height: 1.4em;}
.manag_diagram li:nth-of-type(3),
.manag_diagram li:nth-of-type(4) { margin-top: 50px;}

.management { text-align:center;}
.management .manag_top { width:920px; height:70px; margin:0 auto; background:url('image/bg_manag_top.gif') no-repeat;}
.management .manag_center { overflow:hidden; width:920px; margin:0 auto; background:url('image/bg_manag_center.gif') repeat-y;}
.management .manag_center h3 { display:inline-block; width:80%; padding-bottom:15px; margin:0 auto 50px; border-bottom:dotted 1px #8a8a8a; font-size:20px; color:#222;}
.management .manag_center ul { width:90%; margin:0 auto;}
.management .manag_bot { width:920px; height:70px; margin:0 auto 40px; background:url('image/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;}
.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 { position: relative; padding: 0 0 15px 40px;}
.hist_right li p strong { position: absolute; left: 0; 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:17px; color:#222;}
.social_top .ico_social01 { background:#efefef url('image/ico_social01.gif') no-repeat center 25px;}
.social_top .ico_social02 { background:#efefef url('image/ico_social02.gif') no-repeat center 25px;}
.social_top .ico_social03 { background:#efefef url('image/ico_social03.gif') no-repeat center 25px;}
.social_top .ico_social04 { background:#efefef url('image/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('image/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:3%;}
.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:77%; margin:30px 0 15px; font-size:17px;}
.cert_right h3 { margin-bottom:30px; font-size:22px; color:#999;}
.cert_right dt { float:left; width:25%; margin-bottom:15px; font-weight:bold; color:#333; line-height:1.4em;}
.cert_right dd { float:left; width:75%; margin-bottom:15px; color:#555; line-height:1.4em;}

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

/* 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;}
.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_홍보동영상 */
.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%;}

/* 01_기업소개_0502_오시는길 */
.tit_loca { text-align:center;}
.tit_loca h3 { padding-right:30px; font-size:30px; color:#222; line-height:60px;}
.tit_loca h3 img { padding-top:10px;}
.tit_loca p { line-height:30px;}
.tit_loca .p_addr { font-size:20px; color:#222;}

/* 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('image/bg_brand.png') repeat;}
.brand .img_box .tit h3 { padding-bottom:20px; font-size:35px; font-style:italic; color:#fff; line-height:1.3em;}
.brand .img_box .tit p { font-size:16px; color:#fff;}
.brand01 { background:url('image/bg_brand01.jpg') no-repeat left top; background-size:auto 100%;}/*하이큐*/
.brand02 { background:url('image/bg_brand02.jpg') no-repeat center top; background-size:auto 100%;}/*하드론*/
.brand03 { background:url('image/bg_brand03.jpg') no-repeat left top; background-size:auto 100%;}/*하드론Z*/
.brand04 { background:url('image/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:27px; color:#222; line-height:1.3em;}
.brand .txt_box p { line-height:1.4em;}
.brand .txt_box .btn_link { display:table; margin:40px auto 0;}
.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:105px; font-size:20px; color:#fff; text-transform:uppercase; text-align:center;}
.brand .txt_box .btn_link .ico_car a { background:#303336 url('image/ico_brand01.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_bus a { background:#303336 url('image/ico_brand02.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_truck a { background:#303336 url('image/ico_brand03.gif') no-repeat center 36px;}
.brand .txt_box .btn_link .ico_taxi a { background:#303336 url('image/ico_brand04.gif') no-repeat center 36px;}

/* 02_제품소개_0201_용도별제품분류 */
.products { overflow:hidden;}
.products .tit_box { text-align: center;}
.products .tit_box .prod_logo img { margin: 0 10px;}
.products .tit_box .prod_logo2 img { height: 50px;}
.products .tit_box .p_tit { margin:20px 0 50px; font-size:30px; color:#222; line-height:1.3em; font-family: 'Titillium Web', sans-serif;}
.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:30px; color:#222; line-height:1.3em;} */
.products .prod_spec li { overflow:hidden; min-height:90px; padding-left:120px; margin-bottom:40px;}
.products .prod_spec li.ico_prem01 { background:url('image/ico_prod_prem01.gif') no-repeat;}
.products .prod_spec li.ico_prem02 { background:url('image/ico_prod_prem02.gif') no-repeat;}
.products .prod_spec li.ico_prem03 { background:url('image/ico_prod_prem03.gif') no-repeat;}
.products .prod_spec li.ico_speed01 { background:url('image/ico_prod_speed01.gif') no-repeat;}
.products .prod_spec li.ico_speed02 { background:url('image/ico_prod_speed02.gif') no-repeat;}
.products .prod_spec li.ico_car01 { background:url('image/ico_prod_car01.gif') no-repeat;}
.products .prod_spec li.ico_car02 { background:url('image/ico_prod_car02.gif') no-repeat;}
.products .prod_spec li.ico_car03 { background:url('image/ico_prod_car03.gif') no-repeat;}
.products .prod_spec li.ico_world01 { background:url('image/ico_prod_class01.gif') no-repeat;}
.products .prod_spec li.ico_world02 { background:url('image/ico_prod_class02.gif') no-repeat;}
.products .prod_spec li.ico_world03 { background:url('image/ico_prod_class03.gif') no-repeat;}
.products .prod_spec li.ico_taxi01 { background:url('image/ico_prod_taxi01.gif') no-repeat;}
.products .prod_spec li.ico_taxi02 { background:url('image/ico_prod_taxi02.gif') no-repeat;}
.products .prod_spec li.ico_bus01 { background:url('image/ico_prod_bus01.gif') no-repeat;}
.products .prod_spec li.ico_bus02 { background:url('image/ico_prod_bus02.gif') no-repeat;}
.products .prod_spec li.ico_truck01 { background:url('image/ico_prod_truck01.gif') no-repeat;}
.products .prod_spec h3 { padding-bottom:10px; font-size:22px; color:#0d3b6d; 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;}
.prod_box .img_box { width:80%; margin:0 auto;}
.prod_box .txt_box { margin-top:20px;}
.prod_box h3 { padding-bottom:5px; font-size:18px; 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;}
.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_제품소개_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:91px; font-size:15px; line-height:1.4em; 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:65px 20px 65px; margin-bottom:10px;}

.pop_process { position:fixed; top:0; left:0; overflow-y:scroll; background:url('image/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:30px; 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 { display: flex; flex-flow: row wrap;}
.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('image/bg_graline.png') no-repeat;}
.facility_box .txt_box .bu_list li { padding-left:15px; background:url('image/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('image/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:45%;}
.development .img_box { float:right; width:50%; margin-left:5%;}
.development .bg_blue .img_box { float:left; width:50%; margin:0 5% 0 0;}

/* 03_기술력_0301_기술제휴선 */
.cooperation { text-align:center;}
.cooper_partner { display: flex; flex-flow: row wrap; margin-top:30px; background:url("image/bg_dotline_v.gif") repeat-y left top;}
.cooper_partner li { overflow:hidden; float:left; width:50%; padding:20px 5%; box-sizing: border-box; background:url("image/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; font-family: 'Titillium Web', sans-serif; font-weight: 700;}
.cooper_partner .txt_box p { padding:0 0 7px; text-align:left;}
.cooper_partner .txt_box p span { font-weight:bold; color:#333;}
.cooper_partner .txt_box a { color:#1052b0; text-decoration:underline;}
.cooper_diagram { margin-top:70px; display: flex; flex-flow: row wrap;}
.cooper_diagram li { overflow:hidden; float:left; width:14%; margin:0 1.33%; text-align:center;}
.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;}
.img_flow_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; line-height:1em;}
.sitemap > ul { display: flex; flex-flow: row wrap;}
.sitemap .sitemap_list { float:left; width:24%; 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;}
.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('image/bg_bu_list.gif') no-repeat 20px center; color:#555; line-height:26px;}
.sitemap .sitemap_list .sitemap_dep3 li > a:hover { color:#0e499e; text-decoration:underline;}

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

/* 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;}
.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;}
.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;}
.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('image/bu_join_li.gif') no-repeat left 10px;}

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

/* border */
/* 베이직스킨리스트 */
#board_skin_top { width:100%; padding:22px 0; background:#ebebeb;}
#board_skin_top .search_info { display:table; margin:0 auto;}
#board_skin_top .search_info .input_select { width:70px; height:36px; line-height:36px; padding:0 5px; border:0; border-radius:0; font-size:15px; background:#fff; color:#555;}
#board_skin_top .search_info .input_text { width:150px; height:36px; line-height:36px; padding:0 10px; border:0; border-radius:0; font-size:15px; background:#fff; color:#555;}

#board_list_basic .basic_list_skin { width:100%; border-top:solid 2px #bfbfbf;}
#board_list_basic .basic_list_skin th { width:10%; padding:20px 0; border-bottom:solid 1px #ccc; font-size:20px; color:#333; font-family:NanumSquare, '나눔스퀘어', '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum'; text-align:center;}
#board_list_basic .basic_list_skin td { width:10%; padding:20px 0; border-bottom:solid 1px #ccc; font-size:15px; color:#555; text-align:center;}
#board_list_basic .basic_list_skin td a { color:#555;}
#board_list_basic .basic_list_skin td a:hover { text-decoration:underline;}
#board_list_basic .basic_list_skin .td_left { width:70%; text-align:left;}
#board_list_basic .basic_list_skin .p_date { font-size:14px; color:#797979;}

#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:15px; color:#797979; line-height:10px;}
#board_page_bottom .on a { font-weight:bold; color:#4486e3;}
#board_page_bottom .btn_arr { background:#fbfbfb;}

.btn_right { margin-top:20px; text-align:right;}

/* 베이직스킨뷰 */
#board_view .basic_list_skin { width:100%; border-top:solid 2px #bfbfbf;}
#board_view .basic_list_skin th { padding:30px; border-bottom:solid 1px #ccc; font-size:15px; background:#f7f7f7; color:#555; line-height:25px; text-align:left;}
#board_view .basic_list_skin th .p_tit { color:#333;}
#board_view .basic_list_skin th span { padding-right:20px;}
#board_view .basic_list_skin td { border-bottom:solid 1px #ccc; padding:30px;}
#board_view .basic_list_skin td div { overflow:hidden; min-height:200px; font-size:15px;}

#board_view .ico_list { margin-top:10px;}

#board_view .basic_file_skin { width:100%; margin-top:40px; border-top:solid 1px #ccc;}
#board_view .basic_file_skin th { width:30%; padding:20px 0; border-bottom:solid 1px #ccc; font-size:15px; background:#f7f7f7; color:#333; text-align:center;}
#board_view .basic_file_skin td { padding:20px; border-bottom:solid 1px #ccc; font-size:15px;}
#board_view .basic_file_skin td a { color:#555;}
#board_view .basic_file_skin td a:hover { text-decoration:underline;}

/* 베이직스킨글쓰기 */
.basic_write_skin { width:100%; margin:50px auto 40px; border-top:solid 2px #474747;}
.basic_write_skin th { width:20%; padding-left:20px; border-bottom:solid 1px #ddd; font-size:15px; text-align:left;}
.basic_write_skin td { padding:14px 0; border-bottom:solid 1px #ddd; font-size:14px;}
.basic_write_skin .input_text { width:30%; height:32px; line-height:32px; padding:0 10px; border:0; border-radius:0; font-size:15px; background:#efefef; color:#555;}
.basic_write_skin .input_select { width:90px; height:32px; line-height:32px; padding:0 5px; border:0; border-radius:0; font-size:15px; background:#efefef; color:#555;}
.basic_write_skin .input_textarea { max-width:90%; min-width:90%; max-height:100px; min-height:100px; padding:0 5px; border:0; border-radius:0; font-size:14px; background:#efefef; color:#555;}
.basic_write_skin .wd_small { width:10%;}
.basic_write_skin .wd_large { width:40%;}

/* 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('image/ico_q.png') no-repeat 30px center; color:#222; 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('image/ico_a.png') no-repeat 30px 20px; color:#555;}


/* ////////////////////////////////////////////////// */
@media all and (max-width:1200px) {
    /* 02_제품소개_0201_용도별제품분류 */
    .products .img_box { float:none; width:80%; margin:0 auto;}
    .products .txt_box { float:none; width:100%; margin-left:0;}
}


/* ////////////////////////////////////////////////// */
@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 { padding:40px 20px 40px 150px; background-size:100px !important; background-position: 30px center !important;}

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

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

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

    /* 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('image/ico_brand01.gif') no-repeat center 26px;}
    .brand .txt_box .btn_link .ico_bus a { background:#303336 url('image/ico_brand02.gif') no-repeat center 26px;}
    .brand .txt_box .btn_link .ico_truck a { background:#303336 url('image/ico_brand03.gif') no-repeat center 26px;}
    .brand .txt_box .btn_link .ico_taxi a { background:#303336 url('image/ico_brand04.gif') no-repeat center 26px;}

    /* 02_제품소개_0201_용도별제품분류 */
    .products .txt_box h3 { margin-top:30px; 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_제품소개_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;}

    /* 02_제품소개_0401_공정과정 */
    .process .right_box { width:25%; padding:40px 2.5%;}
    .process .left_box img, .process .right_box 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 (max-width:999px) {
    /* 01_기업소개_0205_인증특허 */
    .cert_right dt { float: none; width:100%;}
    .cert_right dd { float: none; width:98%; padding-left: 2%;}
}

/* ////////////////////////////////////////////////// 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('image/bg_vision.gif') no-repeat center 50px; background-size:100%;}
    .vision img { width:100%;}

    .vision_list li { width:50%; padding:40px 20px 40px 150px; background-size:100px !important; background-position: 30px center !important;}
    .vision_list li p { font-size:14px;}
    .ico_vision03 { background:#f0f0f0 url('image/ico_vision03.png') no-repeat;}
    .ico_vision04 { background:#dbe3f4 url('image/ico_vision04.png') no-repeat;}

    .manag_diagram li img { width:40%; margin:0 auto;}

    .management .manag_top { width:100%; background-size:100% 100%;}
    .management .manag_center { width:100%; background-size:100% 100%;}
    .management .manag_bot { width:100%; background-size:100% 100%;}
    .management .img_management img { width:90%; margin:0 auto;}

    /* 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:2%;}
    .cert_right { width:68%;}

    /* 01_기업소개_0303_재무정보 */
    .finance01 img, .finance02 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;}
    .tit_loca .img_map { width:100%;}

    /* 02_제품소개_0101_브랜드소개 */
    .brand .img_box { float:none; width:100%; height:700px;}
    .brand01 { background:url('image/bg_brand01.jpg') no-repeat left bottom; background-size:cover;}/*하이큐*/
    .brand02 { background:url('image/bg_brand02.jpg') no-repeat center bottom; background-size:cover;}/*하드론*/
    .brand03 { background:url('image/bg_brand03.jpg') no-repeat left bottom; background-size:cover;}/*하드론Z*/
    .brand04 { background:url('image/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 .tit_box .prod_logo2 img { height: 45px;}
    .products .prod_spec { text-align:left;}
    .products .prod_spec h3 { margin-top:0; text-align:left;}
    .products .center img { width:100%;}

    .prod_box h3 { padding-bottom:5px; font-size:17px; letter-spacing: -0.04em;}
    .prod_box .p_tit { padding-bottom:10px; font-size:15px;}

    .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_제품소개_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("image/bg_dotline_h.gif") repeat-x left top;}
    .cooper_partner li { float:none; width:90%; padding:20px 5%; background:url("image/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.center { text-align: left !important;}
    .cooper_diagram { width:90%; margin:0 auto;}
    .cooper_diagram li { width:24.33%; margin:0 4.5% 20px;}

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

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

    /* 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) {
    /* 공통 */
    h4 { padding-left:14px; margin:40px 0 15px; font-size:20px; background:url('image/ico_h4.gif') no-repeat left 4px; background-size:3px 16px;}
    h5 { padding-left:25px; margin:20px 0 7px; font-size:16px; background:url('image/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('image/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 span { font-size: 24px;}
    .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:16%; margin-bottom:7px; font-size:14px; 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('image/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:16px;}
    .vision p span { font-size:27px;}

    .vision_list li { float:none; width:100%; padding:27px 20px 27px 140px;background-size:90px !important; background-position: 25px center !important;}
    .vision_list li h3 { margin-bottom:10px; font-size:16px;}
    .vision_list li p { font-size:14px; line-height:1.4em;}

    .manag_diagram li { width:95%;}
    .manag_diagram li:nth-of-type(2),
    .manag_diagram li:nth-of-type(3),
    .manag_diagram li:nth-of-type(4) { margin-top: 35px;}
    .manag_diagram li h3 { margin:14px 0 7px; font-size:17px;}
    .manag_diagram li img { width:40%; 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 auto 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%;}

    /* 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:14px;}
    .social_top .ico_social01 { background:#efefef url('image/ico_social01.gif') no-repeat center 16px; background-size:44px 47px;}
    .social_top .ico_social02 { background:#efefef url('image/ico_social02.gif') no-repeat center 16px; background-size:56px 47px;}
    .social_top .ico_social03 { background:#efefef url('image/ico_social03.gif') no-repeat center 16px; background-size:50px 47px;}
    .social_top .ico_social04 { background:#efefef url('image/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,
    .cert_right dd { margin-bottom:10px;}

    /* 01_기업소개_0303_재무정보 */
    .finance01 img, .finance02 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_홍보동영상 */
    .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;}

    /* 01_기업소개_0601_오시는길 */
    .tit_loca h3 { font-size:22px; line-height:40px;}
    .tit_loca h3 img { width:26px; padding-top:5px;}
    .tit_loca p { line-height:25px;}
    .tit_loca .p_addr { font-size:16px;}
    .tit_loca .img_map { width:100%;}

    /* 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('image/bg_brand01.jpg') no-repeat left bottom; background-size:cover;}/*하이큐*/
    .brand02 { background:url('image/bg_brand02.jpg') no-repeat center bottom; background-size:cover;}/*하드론*/
    .brand03 { background:url('image/bg_brand03.jpg') no-repeat left bottom; background-size:cover;}/*하드론Z*/
    .brand04 { background:url('image/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 a { display:block; width:auto; height:35px; padding-top:65px; font-size:15px;}
    .brand .txt_box .btn_link .ico_car a { background:#303336 url('image/ico_brand01.gif') no-repeat center 24px; background-size:45px 32px;}
    .brand .txt_box .btn_link .ico_bus a { background:#303336 url('image/ico_brand02.gif') no-repeat center 24px; background-size:45px 32px;}
    .brand .txt_box .btn_link .ico_truck a { background:#303336 url('image/ico_brand03.gif') no-repeat center 24px; background-size:50px 32px;}
    .brand .txt_box .btn_link .ico_taxi a { background:#303336 url('image/ico_brand04.gif') no-repeat center 24px; background-size:38px 32px;}
    .brand .txt_box .btn_link2 { margin-left:20%;}

    /* 02_제품소개_0201_용도별제품분류 */
    .products .tit_box .prod_logo img { margin: 0 5px; width: 50%;}
    .products .tit_box .prod_logo2 img { width: auto; height: 27px;}
    .products .tit_box .p_tit { margin:15px 0 35px; font-size:21px;}
    .products .img_box { width:100%;}
    .products .prod_spec { text-align:left; margin-top:20px;}
    .products .prod_spec li { overflow:hidden; min-height:70px; padding-left:90px; margin-bottom:26px; background-size:70px !important;}
    .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_제품검색 */
    .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_제품소개_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:125px;}
    .process .btn_view a p { padding:10px 0; min-height:83px; font-size:13px;}
    .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:55px 7px 55px;}
    .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("image/bg_dotline_h.gif") repeat-x left top;}
    .cooper_partner li { float:none; width:90%; padding:20px 5%; background:url("image/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 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;}

    /* 06_기타_0101_사이트맵 */
    .sitemap { margin-bottom:30px; padding-left:20px;}
    .sitemap h3 { padding-bottom:20px; font-size:18px;}
    .sitemap .sitemap_list { width:99%; 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%;}

    /* 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('image/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:20%; 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%;}
    #board_list_basic .basic_list_skin .p_write { display:none;}
    #board_list_basic .basic_list_skin .btn_more { width:26px;}

    #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('image/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('image/ico_a.png') no-repeat 15px 14px; background-size:41px 28px;}
}