@charset "utf-8";

.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* ----------------------------------------------------------------------------- */
/* SUB TOP */
/* ----------------------------------------------------------------------------- */
	#sub_top_wrap {display:block; width: 1400px; margin:0 auto; position:relative; margin:0 auto; padding:40px 0; text-align:Center;  background:#fff;}

	/* 네비게이션 */
	#sub_navi_wrap { display:block; width:; height: 30px; margin:0 auto;}
	.sub_navi {width: 100%; height:30px; margin:0 auto;  text-align:left;}
	.sub_navi_in { display:inline-block; height: 30px; overflow:hidden;  position:relative;}
	.sub_navi_in li { float:left; padding-left:32px; height: 30px; line-height: 30px; font-size:16px; font-weight:300; background:url('../images/navi_bg.png') no-repeat 15px center; color:#666666; font-family:'Noto Sans KR', serif; font-weight:300;}
	.sub_navi_in li:last-child {color:#143b82;}
	.sub_navi_in li.s_navi {background:none; padding-left:0;}

	#sub_top_wrap h2 { display:block;  font-family: 'NEXEN_TIRE_Regular'; position:relative; font-weight:700; margin:0 auto; text-align:left; font-size:43px; color:#000; width:1400px; margin-top:20px}
	#sub_top_wrap h2 span { font-family: 'NEXEN_TIRE_Regular';}


/* ----------------------------------------------------------------------------- */
/* SUB MENU */
/* ----------------------------------------------------------------------------- */
	.sub_menu_wrap { width:100%; overflow:hidden; margin: 0 auto; z-index:10; margin-bottom:60px;}
	.sub_menu_wrap ul {width:1400px; overflow:hidden; margin: 0 auto; background:#ffffff; display:flex; }
	.sub_menu_wrap ul li {flex:1; height:60px; border:1px solid #dddddd; box-sizing:border-box; text-align:center; color:#444 }
	.sub_menu_wrap ul li a {display:block; width:100%; height:60px; line-height:59px;  font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:18px; letter-spacing:-0.5px; }


/* ----------------------------------------------------------------------------- */
/* SUB CONTENTS */
/* ----------------------------------------------------------------------------- */
	#sub_layout_wrap {min-width:1400px; overflow:hidden;}
	#sub_con_wrap {width:100%; overflow:hidden;  }
	#sub_con {width:1400px;  margin:0 auto; position:relative; font-size:17px; line-height:28px;  font-family: 'Noto Sans KR'; font-weight:300;}

	#sub_con h4 {background: url('../images/h4_bg.jpg')no-repeat left 3px; padding-left: 30px; line-height:30px; font-size:28px; color:#153b82; font-weight:normal; font-family: 'NanumSquareB'; margin-bottom:10px}
	#sub_con h5 {position: relative; line-height:25px; margin-bottom: 8px; font-family: 'NanumSquareB', sans-serif; padding-left: 10px; font-size:23px; color:#003499; font-weight:normal; }
	#sub_con h5:before {position: absolute; content:''; top:1px; left:0; background: #003499; width:3px; height: 23px;}
	#sub_con h6 {font-size:19px; line-height:23px; }


/* ----------------------------------------------------------------------------- */
/* 내용 */
/* ----------------------------------------------------------------------------- */

	/* 사이트맵 */
	.sitemap {width:100%; overflow:hidden; margin-top:20px}
	.sitemap #copy2 {width:100%; overflow:hidden; margin:0 auto;}
	.sitemap #copy2 > li {float: left; width:24%; margin-right:1%; overflow:hidden;  text-align:center; line-height:60px; margin-bottom: 45px; }
	.sitemap #copy2 > li:nth-child(4n){ margin-right:0%; }
	.sitemap #copy2 > li > a {display:block; width:100%; font-size:18px; font-family:'NanumSquareB'; height:60px; line-height:60px; color: #fff; background:#071933; margin-bottom:0px; letter-spacing:-1px; border-radius:5px}
	.sitemap #copy2 > li > ul { width:100%; overflow:hidden;}
	.sitemap #copy2 > li > ul > li {float:left; display:block; width:100%; height:45px; line-height:45px; border-bottom:1px dotted #888;}
	.sitemap #copy2 > li > ul > li > a {width:100%; font-size: 16px; font-family:'Noto Sans KR';  height:45px; line-height:45px; font-weight: normal; color: #434343; text-align:center;}
	.sitemap #copy2 > li > ul > li > a:hover {color:#f0305d;}
	.sitemap #copy2 > li > ul > li > a:first-child {padding-left:0;}


	/* 이메일무단수집거부 */
	.email {background:#fff url('../images/email.png') no-repeat center 70px; background-size:205px; text-align: center; margin:0 auto; margin-bottom:60px; font-size:17px; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:1400px;}
	.email .email_tit {padding-top:240px; font-size:30px; line-height:30px;  font-family:'NanumSquareB';  color:#127bbb; letter-spacing:-0.5px; word-break:keep-all;}
	.email .email_tit span {display:inline-block; font-family:inherit}
	.email_msg {width:543px; margin:30px auto; overflow:hidden; font-size:19px;}


	/* 페이징 */
	.pt_list_paging {width:100%; text-align:center; margin:0 auto; margin-top:80px; }
	.pt_list_paging ul {display:inline-block; overflow:hidden;}
	.pt_list_paging ul li {float:left; margin-left:5px; width:35px; height:35px; border:1px solid #dedede; border-radius:20px; behavior: url( "/css/PIE.htc" ); overflow:hidden;}
	.pt_list_paging ul li a {display:block; color:#444444; font-family:'Noto Sans KR';  font-weight:400; font-size:13px; width:35px; height:35px;  line-height:33px; text-align:center; background:#fff;}
	.pt_list_paging ul li:hover a {color:#003499; background:#EFEFEF}
	.pt_list_paging ul li:first-child {margin-left:0px;}
	.pt_list_paging ul li a.on { color:#fff; background:#003499}
	.pt_list_paging ul li.prev a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff;  font-family: 'Poppins', sans-serif; line-height:35px; font-size:20px; font-weight:500;}
	.pt_list_paging ul li.next a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
	.pt_list_paging ul li.prev_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
	.pt_list_paging ul li.next_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}

	/* 통합검색 */
	.srch_msg {line-height:24px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:17px}
	.srch_msg span { font-family: 'NanumSquareB'; }
	.srch_msg span.red {color:#eb3952;}
	.srch_msg span.blue {color:#3e45d5;}

	.srch_cate_wrap {border:1px solid #dadada; background:#f5f5f5; padding:20px;}
	.srch_cate {width:100%; overflow:hidden; }
	.srch_cate li {float:left; width:50%; height:30px; line-height:30px;}
	.srch_cate li a {padding-left:12px; font-family:'Noto Sans KR'; font-size:15px; background:url('../images/list_01_bg.png') no-repeat left center}

	.srch_result_wrap {width:100%; overflow:hidden; }
	.srch_result {margin-top:20px; border-bottom:1px solid #dadada; padding-bottom:20px}
	.srch_result a {display:block; width:100%; overflow:hidden;}
	.srch_result_head  {width:100%; overflow:hidden; }
	.srch_result_tit {float:left; width:70%; overflow:hidden; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:15px; }
	.srch_result_tit span.rst_subject {display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:18px; font-weight:600; width:60%; height:40px; line-height:40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px }
	.srch_result_tit span.rst_date {color:#0056b3; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:15px;  width:30%; height:40px; line-height:40px; margin-right:10px }
	.srch_result_btn {float:right; width:80px; height:34px; line-height:34px; border:1px solid #dadada; text-align:center; font-family:'Noto Sans KR'; font-size:15px; margin-top:2px; transition-duration:0.5s}
	.srch_result a:hover .srch_result_tit {color:#0056b3;}
	.srch_result a:hover .srch_result_btn {border:1px solid #0056b3;  background:#0056b3; color:#fff;}
	.srch_result_con { margin:10px auto; font-weight:300; line-height:24px; font-family:'Noto Sans KR'; font-size:16px; height:72px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

	.srch_form_wrap {width:100%; background:#fafafa; padding:40px 30px; border: 1px solid #dadada; background: #f5f5f5; text-align:center; margin-bottom:40px; box-sizing:border-box;}
	.srch_form {width:100%; overflow:hidden; max-width:500px; margin:0 auto;}
	.srch_form li {float:left; width:30%;}
	.srch_form li:first-child {width:67%;}
	.srch_form li input {width:100%; border:none; height:40px; line-height:40px;  box-sizing:border-box; padding:0 5px; }
	.srch_form li input[type=submit] {background:#0056b3; color:#fff;}
	/* 통합검색 */
	.srch_cate li {width:25%;}
	.srch_result_wrap {margin-top:30px;}

	/* 통합검색 */
	.srch_form {max-width:700px}

	.srch_form li {width:20%;}
	.srch_form li:first-child {width:77%;}
	.srch_form li input {height:50px; line-height:50px; font-size:17px}

	.srch_msg {line-height:30px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:18px}
	.srch_cate_wrap { padding:30px 40px;}
	.srch_cate li a {height:30px; line-height:28px; display:block; font-family:'Noto Sans KR'; font-size:17px; background:url('../images/list_01_bg.png') no-repeat left center}
	.srch_result_wrap {margin-top:10px}
	.srch_result {margin-top:30px; padding-bottom:30px}
	.srch_result_tit span.rst_subject { font-size:20px; }

/* -------------------------------------- */
/* 메뉴 하이라이트 */
/* -------------------------------------- */
	body.intro_1 li#intro_1,
	body.intro_2 li#intro_2,
	body.intro_3 li#intro_3,
	body.intro_4 li#intro_4,
	body.intro_5 li#intro_5,
	body.intro_6 li#intro_6,
	body.intro_7 li#intro_7,

	body.product_1 li#product_1,
	body.product_2 li#product_2,
	body.product_3 li#product_3,
	body.product_4 li#product_4,

	body.equip_1 li#equip_1,
	body.equip_2 li#equip_2,

	body.community_1 li#community_1,
	body.community_2 li#community_2,
	body.community_3 li#community_3,
	body.community_4 li#community_4,

	body.use_1 li#use_1,
	body.use_2 li#use_2,
	body.use_3 li#use_3,
	body.use_4 li#use_4,
	body.use_5 li#use_5 { border:1px solid #153b82; background:#153b82; color:#fff; }

	body.intro_1 li#intro_1 a,
	body.intro_2 li#intro_2 a,
	body.intro_3 li#intro_3 a,
	body.intro_4 li#intro_4 a,
	body.intro_5 li#intro_5 a,
	body.intro_6 li#intro_6 a,
	body.intro_7 li#intro_7 a,

	body.product_1 li#product_1 a,
	body.product_2 li#product_2 a,
	body.product_3 li#product_3 a,
	body.product_4 li#product_4 a,

	body.equip_1 li#equip_1 a,
	body.equip_2 li#equip_2 a,

	body.community_1 li#community_1 a,
	body.community_2 li#community_2 a,
	body.community_3 li#community_3 a,
	body.community_4 li#community_4 a,

	body.use_1 li#use_1 a,
	body.use_2 li#use_2 a,
	body.use_3 li#use_3 a,
	body.use_4 li#use_4 a,
	body.use_5 li#use_5 a {font-weight:600;  }


/* ----------------------------------------------------------------------------- */
/* SUB 내용 */
/* ----------------------------------------------------------------------------- */

/* 인사말 */
.gree_top {overflow: hidden;}
.gree_top .left {float: left; width: 50%; box-sizing:border-box; background: linear-gradient( 45deg, #1f58c0, #153b82 ); height: 370px; padding:100px 60px; position: relative;}
.gree_top .left:before {position: absolute; content:''; height: 90px; width: 1px; background: #bbb; top:0; left: 60px;}
.gree_top .left .stit {font-family: 'NEXEN_TIRE_Regular'; color: #ddd; font-size: 19px;}
.gree_top .left .tit {font-family: 'Eoe_Zno_L'; color:#fff; font-size: 28px; line-height: 40px; margin-top: 30px; letter-spacing: -0.5px;}
.gree_top .right {float: right; width: 50%;}
.gree_top .right img {width: 100%; display: block;}

.gree_txt {padding:60px; background: #f5f5f5 url('../images/gree_bg.jpg')no-repeat right top; font-size: 19px; line-height: 33px;}
.gree_txt .tit {font-family: 'Nanum Myeongjo'; color: #153b82; font-size: 28px; letter-spacing: -0.8px; margin-bottom: 50px;}
.gree_name {margin-top: 40px; padding-top: 40px; border-top: 1px solid #dadada; text-align: right;}
.gree_name img {vertical-align: middle; margin-left: 10px; margin-top: -5px;}

.company_info {margin-top: 90px; overflow: hidden;}
.company_info .left  {float: left; width:620px;}

.company_info .right {margin-top: 20px; float: right; width: 720px;}

/* 오시는길 */
.contact_wrap{width: 100%; margin: 0 auto; background: #f8f8f8; padding: 15px;  overflow:hidden; box-sizing: border-box; }
.contact_map{float: left; width: 940px;}
.contact_info{float: right; width: 340px; padding-right: 30px; margin: 0 auto;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl:first-child{margin-top: 30px;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}
.contact_info dl dd{color: #464646;}

/* 인증서 */
.cert_list {overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cert_list li {text-align: center; width: 19%; border: 1px solid #ddd; margin-bottom: 30px;}
.cert_list li img {width:100%; display: block;}
.cert_list li p {font-size: 16px; padding:5px 0; background: #eee;}
.empty {border:none !important; background: none;}
.catalog_btn {background: #153b82; color: #fff; border-radius: 30px; padding: 10px 35px; display: inline-block; margin: 158px 0px;}

/* 연혁 */
.history_box {width:90%; margin:0 auto; overflow:hidden;}
.history_top_bg {background: url(../images/history_topimg.jpg)no-repeat left top; text-align: center; min-height: 265px;}
.history_tit {padding-top: 80px; color: #fff; font-size: 21px; font-family: 'Eoe_Zno_L'; letter-spacing: -0.7px; line-height: 32px;}
.history_tit span {font-size: 37px; font-weight: normal; font-family: 'Eoe_Zno_L'; display: block; }
.history_tit span b {font-family: 'Eoe_Zno_M';}
.hisory_wrap {background: url(../images/history_line_bg.png) repeat-y 377px top;}
.history_2000_bg{background: url(../images/history_2000_bg.jpg) no-repeat left top; margin-top:50px; min-height:100px;}
.history_1995_bg {background: url(../images/history_1995_bg.jpg) no-repeat left top; margin-top:80px; min-height:100px;}
.history_1990_bg{background: url(../images/history_1990_bg.jpg) no-repeat left top; margin-top:50px; min-height:100px;}
.histry_list {overflow:hidden; padding-left:370px;}
dl.histry_list {padding-left: 370px;}
dl.dl_li1 {padding-top: 20px;}
.histry_list dt {float:left; width:123px; background: url(../images/year_bg.png) no-repeat left center; padding-left: 30px; margin:0; vertical-align:top; color:#222; font-size:28px; font-weight:bold; letter-spacing:-1.5px;}
.histry_list dd {float:left;  padding-left: 0;}
.histry_list > dd > ul > li {margin-bottom:10px; overflow:hidden; line-height:28px; color:#555; letter-spacing:0; }
.histry_list dd span {display:inline-block; margin-right:15px; font-size:18px;letter-spacing:-1px;  font-weight:bold; color:#333; }
.histry_list dd span.kanji { margin-right:0; font-size:17px;letter-spacing:-1px; color:#555; font-weight: normal;}

/* 제품소개 */
.pro_wrap {overflow: hidden;}
.top_img {text-align: center;}
.top_img img {}
.pro_con {overflow: hidden;}
.pro_con .left_h4 { float:left; width: 280px; box-sizing: border-box;}
.pro_con .right_t {float: right; width:calc(100% - 280px);}
.pro_img_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.pro_img_list li {width: 32%; text-align: center; border: 1px solid #aaa; margin-right: 19px; margin-bottom: 10px;}
.pro_img_list li:nth-child(3n) {margin-right: 0;}
.pro_img_list li img {text-align: center; vertical-align: middle;}
.pro_img_list li p {background: #444; color: #fff; height: 36px; line-height: 36px;}
.pro_img_list li p b {background: #000; padding:0 15px; margin-right:10px; display: inline-block;}

.num_list {counter-reset:num_list 0;}
.num_list li {line-height:25px; margin-bottom:10px; word-break:keep-all; box-sizing:border-box;}
.num_list li p {width: calc(100% - 30px); display: inline-block;}
.num_list li::before {
  counter-increment: num_list 1;
  content:counter(num_list);
  font-family: 'Lato', sans-serif;  font-weight:600;  font-size:13px;  text-align:center;
  width:20px; height:20px; line-height:19px;
  border-radius:15px;  background:#333;  color:#fff;
  float: left; margin-top: 4px; margin-right:10px;
}

.exp_img { float: left; margin-right: 50px;}
.exp_list { margin-top: 20px;}

/* 탭 */
#sub_tabs {width:100%; overflow:hidden;}
#sub_tabs .tab_title {width:100%; overflow:hidden; }
#sub_tabs .tab_title li {width:50%; height:50px; line-height:50px; float: left; text-align:center; border-top:2px solid #fff; background:#f0f0f0;}
#sub_tabs .tab_title li.ui-state-active {background:#5673da;}
#sub_tabs .tab_title li a {color:#222; display:block; width:100%; height:50px; line-height:50px; font-family:'NanumSquareB'; }
#sub_tabs .tab_title li.ui-state-active a {color:#fff}
#sub_tabs .tab_title li a span {font-size:15px; }

.sub_tabs_con_wrap {width:100%; overflow:hidden; margin:30px auto;}

.table_con3 {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc;}
.table_con3 th {background-color: #3ec5ff; border-right: 1px solid #ccc; color:#fff; text-align: center; border-bottom: 1px solid #ccc; padding: 10px 8px;  line-height: 160%; vertical-align: middle;}
.table_con3 td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px; text-align: center; line-height: 160%; vertical-align: middle; font-weight: 300; background-color: #fff;}
.table_con3 th:last-child, .table_con3 td:last-child { border-right: 0;}