@charset "utf-8";

@import url('reset.css');
@import url('swiper.min.css');
@import url('layout.css');
@import url('cont.css');

@media (min-width: 768px) {
	#snb{display: flex !important;height: 81px;}
	#snb > li{flex: 1;flex-grow: 1;display: table;border-bottom: 2px solid transparent;position: relative}
	#snb > li:after{display: block;content: '';width: 100%;height: 2px;background-color: #e67725;position: absolute;bottom: 0;left:0;}
	#snb > li > a{display: table-cell;text-align: center;vertical-align: middle;background-color: #000;font-size: 20px;color: #fff;font-weight: 500;border: 2px solid #000;border-bottom: 0}
	#snb > li.on{border-bottom-color: #fff}
	#snb > li.on:after{display: none}
	#snb > li.on > a{background-color: #fff;border-color: #e67725;color: #2c2c2c}
	
	.prod_search .col.has_prod{top: 115px;left: -71px;}
	.ani .ani_top{transform:translateY(20%);opacity: 0;transition: transform .6s,opacity .6s}
	.ani .ani_left{transform: translateX(20%);opacity: 0;transition: transform .8s,opacity .8s}
	.ani .ani_fade{opacity: 0;transition: opacity .8s}
	.ani.ani_active .ani_top{transform: translateY(0);opacity: 1;}
	.ani.ani_active .ani_left{transform: translateX(0);opacity: 1;}
	.ani.ani_active .ani_fade{opacity: 1;}
	.prod_search.ani_active .col.has_prod{top: 0;left: 0;transition: top .3s ease-out, left .3s ease-out}
}

@media (min-width: 1024px) {
	#header:before{position:fixed;top:0;left:0;display: none;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1}
	#header.active:before{display: block;}
	#header.active .head{height: 326px;}
	#header.active #lnb .sub_depth{visibility:visible;opacity:1;}
	#header.active .logo > a{background-image: url(../images/logo.png) !important}
	#header.active .head{border-bottom: 1px solid #dee1e6;transition: height ease .4s;}
	#lnb{position: absolute;top:0;right:0;/*transform:translateX(-50%);*/font-size: 0;white-space:nowrap;transition: right .3s ease}
	#lnb > li{display: inline-block;vertical-align: middle;margin-left:18px;position: relative;transition: padding .3s ease}
	#lnb > li > a{height:87px;padding:0 40px;font-size: 20px;color: #1E1E1E;font-weight: 700;letter-spacing: -0.04em;box-sizing: border-box;
		display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
	    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
	    -webkit-tap-highlight-color : transparent !important;
	}
	#lnb > li:hover > a,
	#lnb > li.hover > a{color: var(--pointColor);}
	#lnb .sub_depth{display:block;/*width:100%;*/position: absolute;top:80px;left:50%;transform:translateX(-50%);box-sizing: border-box;/*overflow: hidden*/;}
	#lnb .sub_depth ul{padding-top: 18px;padding-bottom: 2px;}
	#lnb .sub_depth li{margin: 13px 0 12px}
	#lnb .sub_depth a{display: block;text-align: center;padding: 2px 16px;font-size: 16px;line-height: 1.4;font-weight:400;color: #616161;transition: color .1s ease;}
	#lnb .sub_depth a:hover{color: #1E1E1E;}
	#lnb .depth1{display: none}
	
	#snb > li > a{font-size: 24px;}
}

@media (max-width: 1023px) and (min-width: 768px) {

}

@media (max-width: 1620px) {
	.main_visual .swiper-button-prev, 
	.main_visual .swiper-button-next{display: none}
}

@media (max-width: 1350px) {
	#lnb > li > a{padding: 0 20px}
	
	.main_container{background: none}
	.prod_search,
	.prod_search .col.has_search{margin-top: 0}
	.prod_search .col.has_search{padding-right: 20px;padding-top: 0;display: flex;align-items: center;}
	.prod_search .col.has_prod{padding-left: 20px}
	.prod_search .col.has_prod:before,
	.prod_search .col.has_search:before{transform: unset;}
	.prod_search .col.has_prod:before{left: 0}
	.prod_search .col.has_search:before{right: 0;}
	.prod_search .inner{flex: 1;flex-grow: 1;}
	
	.subTab ul {width: 100%; flex-wrap:wrap;}
	.subTab ul li {width: auto; flex:1; min-width:100px;}
	
	.breakType2 .listBox {position: relative; display:block; grid-template-columns:repeat(2,1fr); gap:23px 4px}
	.breakType2 .listBox .box {position: relative; margin-bottom: 20px;}
	.breakType2 .listBox .box .tit {height:41px; line-height: 41px; font-size: 16px; color:#fff; background: #3d3c3e; text-align: center;}
	.breakType2 .listBox .box ul li {min-height:40px; padding:6px 10px !important; background: #f6f6f6; margin-top: 3px; }
	.breakType2 .listBox .box ul li span {padding-left: 20px; color:#1a1a1a; background-size:10px auto;}
	.breakType2 .listBox .box ul li.empty {display: none;}
	.breakType2 .listBox .box.no2 .img{position: absolute; right:10px; bottom:15px;}
	.breakType2 .listBox .box.no2 .img img {width: 140px;}
	.breakType2 .listBox .point {display: none;}

	.tbType3 .scBox {white-space:nowrap; overflow-x:scroll;}
	.tbType3 .scBox table {width: 1000px;}
	.tbType3 table {width: 100%; border-spacing:4px;}
	.tbType3 table thead {background-image: linear-gradient(to right, #a1131a, #c8161d);}
	.tbType3 table thead th { color:#fff; font-size: 13px; line-height: 14px; text-align: center;  font-weight: 400; padding:2px 2px;}
	.tbType3 table thead th.border {position: relative;}
	.tbType3 table thead th.border:after {content:''; position: absolute; left:0; bottom:0; width: calc(100% - 4px); left:2px; background: #fff; height: 1px;}
	.tbType3 table thead th .sm {font-size: 11px;}
	.tbType3 table td { color:#0d0d0d; font-size: 12px; line-height: 16px; text-align: center; padding:10px 3px; vertical-align: middle;}
	.tbType3 .tbTit {margin-bottom: 25px;font-size: 16px; line-height: 16px; color:#262626; font-weight: 500;}

	.tireType2 .box {padding:20px 15px 15px; border:2px solid #e7e7e7; border-radius:6px; margin-bottom: 20px;}
	.tireType2 .box .info {display: block; align-items: center; border-bottom: 1px solid #cccccc; padding-bottom:20px; margin-bottom: 15px;}
	.tireType2 .box .info .name{min-width:284px; font-size: 24px; color:#171717; font-weight: 900; margin-bottom: 20px;}
	.tireType2 .box .info .name span {font-weight: 500; font-size: 20px; display: block;}
	.tireType2 .box .info .spec {flex:1; display: block; }
	.tireType2 .box .info .spec .area {display: block;  margin-right: 0; padding:0;}
	.tireType2 .box .info .spec .area .tit {font-size: 16px; font-weight: 700; color:#262626; min-width:40px; margin-bottom: 20px;}
	.tireType2 .box .info .spec .area .imgBox {flex:1; align-items: flex-start; display: flex; gap:40px;}
	.tireType2 .box .info .spec .area:first-child { border-right:none; min-width:0; margin-bottom: 30px;}
	.tireType2 .box .info .spec .area:last-child .tit {min-width:66px;}
	.tireType2 .box .info .spec .imgBox {}
	.tireType2 .box .info .spec .imgBox .icon {display: block; align-items: center; font-size: 12px; color:#262626; gap:10px;}
	.tireType2 .box .info .spec .imgBox .txt {display: block; padding-top: 10px; text-align: center;}
	.tireType2 .box.green .tbType3 table thead {background-image: linear-gradient(to right, #006529, #009944);}

	.developImg {width: auto; margin-top: 30px;}
	
	.visionWrap .box ul{flex-wrap: wrap;}
	.visionWrap .box ul li{width: calc(50% - 15px)}
	
	.company_scale_num .item{width: calc(50% - 5px);}
	
	.oem_ability{display: block;}
	.oem_ability .col.left{width: 100%;margin-bottom: 20px;}
	.oem_ability .col.left .inner{display: block;width: 100%;padding: 30px 25px;}
	.oem_ability .col.left .text{position: relative;}
	.oem_ability .col.left .text:before{width: 58px;height: 43px;background-size: cover;margin-bottom: 10px;}
	.oem_ability .col.right{padding: 0 20px}
	.partner_list > li{width: calc(20% - 14px);}
	
	.internationalization_info .list{width: 245px;}
	.internationalization_info .list .big{font-size: 40px}
	.internationalization_info .list > li{font-size: 18px;padding: 14px 0 23px;}
	.internationalization_info .list p{margin-top: 0}
}

@media (max-width: 1023px) {
	#wrap{padding-top: 88px;}
	#header .util{display: none}
	#header .head{border-bottom: 0;text-align: center}
	#header .logo_area{border-bottom: 1px solid #EBEBEB;margin: 0 -20px;padding: 0 20px;background-color: #fff;position: relative;z-index: 91;height: 100%}
	.hamberger{display: block;left: 19px}
	#header.active .total_nav{visibility: visible;left:0;opacity: 1;transition: opacity .2s}
	#header.active .total_nav .total_inner{padding-top: 108px;transform:translateX(0);transition: transform .4s .1s}
	.total_nav{opacity: 0;visibility:hidden;position: fixed;top:0;left:100%;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 90;box-sizing: border-box;transition: right .2s ease}
	.total_nav .total_inner{position: absolute;top:0;left:0;height: 100%;width: 80%;overflow:hidden;overflow-y: auto;padding: 83px 20px 0;box-sizing: border-box;background-color:#fff;transform:translateX(-100%);}
	#header.active .total_nav .total_inner .mo{display: block;}
	
	#lnb{padding-top: 10px;}
	#lnb > li{text-align: left;}
	#lnb > li > a{position:relative;font-weight: 500;color: #1E1E1E;font-size: 18px;display: block;padding: 18px 0;background: url(../images/bul02.png) no-repeat right 16px top 50%;background-size: 12px auto;}
	#lnb > li > a:after{position:absolute;top: 50%;right:0;margin-top: -4px;display: block;content: '';width: 12px;height: 8px;background: url(../images/lnb_bul01.svg) no-repeat 0 0}
	#lnb .sub_depth{display:none;}
	#lnb .sub_depth > ul > li{border-bottom: 1px solid #EBEBEB}
	#lnb .sub_depth > ul > li:first-child > a{padding-top: 6px;}
	#lnb .sub_depth a{font-size: 15px;font-weight: 400;color: #616161;display: block;padding:15px 0;padding-left: 9px;}
	/*#lnb li.on .sub_depth{display: block}*/
	#lnb .depth1{padding: 2px 0;border-top: 1px solid #F56214;background-color: #F5F5F5}
	#lnb .depth1 a{padding:12px 0 12px 15px;font-size: 14px;color: #616161}
	#lnb .has_depth > a{position: relative}
	#lnb .has_depth > a:after{position:absolute;top: 50%;right:7px;margin-top: -6px;display: block;content: '';width: 12px;height: 12px;background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5.995L1 5.99842M6.005 11L6.00158 1' stroke='%23D9D9D9' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0}
	#lnb .has_depth.on > a:after{background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5.995L1 5.99842M6.005 11L6.00158 1' stroke='%23F56214' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")}
	
	.total_nav .close{display: block;width: 34px;height: 34px;background: url(../images/close.svg) no-repeat 50% 50%;position: absolute;top:18px;right:13px;background-size: auto 34px}
	
	#footer .info{padding: 0;padding-top: 19px;text-align: center}
	#footer .logo,
	.btn_top{position: relative;top: auto;left:auto;right:auto}
	#footer .logo{display: block;margin-bottom: 10px;}
	#footer address{line-height: 1.42;}
	
	.btn_top{margin: 20px auto 0}
	
	.prod_search{margin-top: 0;padding-bottom: 0}
	.prod_search .resp_inner{display: block;}
	.prod_search .col.has_prod{width: 100%;padding-left: 0;padding-left: 0}
	.prod_search .col.has_search{width: 100%;height: 250px;margin-top: 0;padding-right: 0}
	.prod_search .col.has_search:before{transform: none;background-color: #fff;box-shadow: initial;}
	.prod_search .col.has_prod:before{transform: none;left:-20px}
	
	.search_box01{max-width: 100%}
	
	.video_section .resp_inner{display: block;}
	.video_section .col.has_video{width: 100%;}
	.video_section .col.has_info{padding-top: 31px;padding-left: 0}
	
	.core_technology{padding: 61px 20px 0;display: block;height: auto;overflow: hidden}
	.core_technology .has_info{padding-left: 0;width: 100%;height: auto;display: block;}
	.core_technology .has_slide{padding-top: 30px;padding-bottom: 60px}
	.core_swiper{overflow: visible}
	
	.btn_more02{bottom: -51px;}
	
	.board_section{height: auto;padding-bottom: 50px}
	
	.grid_type01{display: block;}
	.grid_type01 .col{margin-bottom: 16px}
	.grid_type01 .col:last-child{margin-bottom: 0}
	
	.related_swiper{padding-left: 0;overflow: visible;}
	.related_sites .swiper-option01{display: none}
	
	.title04{font-size: 24px}
	.title06{font-size: 40px}
	.title06 .en{font-size: 26px;}
	
	.greetingWrap .tit01 {font-size: 16px; margin-bottom:20px;}
	.greetingWrap .tit02 {font-size: 24px;margin-bottom: 40px;}
	.greetingWrap .imgText {display: block;}
	.greetingWrap .imgText .img { min-width:100%; margin-bottom: 20px;}
	.greetingWrap .imgText .text {font-size: 16px; color:#535353; line-height: 24px; }
	.greetingWrap .imgText .text .txt01 {padding-right: 0;}
	.greetingWrap .imgText .text .txt02 {margin-top: 20px; }
	.greetingWrap .imgText .text .txt02 img{margin-left: 10px; margin-bottom: 5px;height: 28px;}
	
	.greetingWrap.outlineBox .tit01 {margin-bottom:30px;}
	.greetingWrap.outlineBox .tit01 strong {font-weight: 700; color:#171717;}
	.greetingWrap.outlineBox .tit02 {margin-bottom:20px;}
	.greetingWrap.outlineBox .imgText {display: block;}
	.greetingWrap.outlineBox .imgText .img {margin-bottom: 30px;}

	.subTab {margin-bottom: 20px;margin-top: -15px;}
	.subTab ul {border-radius:4px;}
	.subTab ul li a {height: 40px; font-size: 13px; border-radius:4px; text-align: center;letter-spacing: -0.03em;line-height: 1.25}
	
	.roundTab {margin-bottom: 30px;}
	.roundTab ul {display: flex; justify-content: center; width: 100%; gap:10px; flex-wrap:wrap;}
	.roundTab ul li {min-width:85px;}
	.roundTab ul li a {height:35px; border:1px solid #cccccc; display: flex; align-items: center; justify-content: center; font-size: 12px; color:#999999; font-weight: 500; border-radius:20px;letter-spacing: -0.03em;}
	.roundTab ul li.on a {background: #f56214;  border:none; color:#fff;}

	.breakType1 .checkList {display: block; margin-bottom: 30px;}
	.breakType1 .checkList .box {min-height:auto; margin-bottom: 30px;  padding:53px 10px 10px;}
	.breakType1 .checkList .box .tit { top:-8px; transform:translateX(-50%); width: 300px; height:38px; background-size:100% auto !important;  font-size: 16px;}
	.breakType1 .checkList .box .checkTit {font-size:16px; padding-left: 23px; background-size:17px auto !important; background-position:left 3px !important; padding-bottom: 15px; margin-bottom: 15px;}
	.breakType1 .checkList .box ul li {padding-left: 5px; text-indent:-5px; font-size:14px; color:#1a1a1a; line-height: 24px; }

	.reportWrap .bigTit {font-size: 16px; color:#171717; margin-bottom:15px;}
	.reportWrap .infoRound {font-size: 12px; line-height: 20px; color:#000000; margin-bottom:20px; padding:10px 15px; border-radius:6px; border:1px solid #e4e4e4;}
	.reportWrap .infoRound p {color:#ee7826}
	.reportWrap .grayRound {font-size: 12px; line-height: 20px; color:#171717; margin-bottom:20px; padding:15px 15px; display: flex; border-radius:6px; background: #f6f6f6; margin-bottom: 30px;}
	.reportWrap .grayRound .tit {font-weight: 500; min-width:60px;}
	.reportWrap .grayRound .txt {flex:1;}
	.reportWrap .grayRound .txt strong {font-weight: 500;}
	.reportWrap .grayRound .txt span {color:#ee7826;}

	.formBox {margin-bottom: 20px;}
	.formBox .tr {display: flex;}
	.formBox .tr .th{min-width:70px; padding-top: 15px; font-size: 12px; color:#000000;}
	.formBox .tr .td{padding: 5px 0; font-size: 12px; color:#000000; flex:1;}
	.formBox .tr .th .req {color:#ee7826; vertical-align: middle;}
	
	.ipType1 {border:2px solid #e4e4e4; height: 40px; padding:0 10px; font-size: 14px; color:#000000; border-radius:4px; }
	.ipType1.size01{width: 100%; }
	.ipType1.full {width: 100%; }

	.textarea {width: 100%; border:2px solid #e4e4e4; height: 150px; padding:10px; font-size: 14px; color:#000000;  border-radius:6px; }

	.btnCenter {text-align: center;}

	.btns.t1.max256 {max-width:256px}
	.btns.t1.gray {border:1px solid #aaaaaa; background: #fff; color:#aaaaaa; }

	.roundBox {max-width:780px; margin:50px auto 0; padding:25px 10px 25px; border:1px solid #cccccc; border-radius:6px;}
	.roundBox .roundTit {font-size: 18px; color:#171717; text-align: center; margin-bottom: 20px;}
	.roundBox .roundTit2 {font-size: 14px; color:#171717; text-align: center; margin-bottom: 30px;}

	.detailType1 {border-bottom: 2px solid #3a3a3a; margin-bottom: 30px;}
	.detailType1 .bigTit {font-size: 20px; color:#171717; margin-bottom: 20px;}
	.detailType1 .flexTb {border-top: 2px solid #3a3a3a; }
	.detailType1 .flexTb .tr {display: block; border-bottom: 1px solid #e6e6e6; }
	.detailType1 .flexTb .tr .tb {display: flex; flex:1; border-bottom: 1px solid #e6e6e6;}
	.detailType1 .flexTb .tr .tb:last-child {border-bottom: none;}
	.detailType1 .flexTb .tr .tb .th {min-width:70px; justify-content: center; text-align: center; height: 40px; padding-top:10px; font-size: 13px; color:#434343; font-weight: 700;}
	.detailType1 .flexTb .tr .tb .td {padding-top:10px; font-size: 13px; color:#888888; }
	.detailType1 .flexTb .tr .tb .td.black {padding-top:10px; font-size: 13px; color:#1b1b1b; }
	.detailType1 .flexTb .tr .tb .td .orange {color:#f56214;}
	.detailType1 .editorBox {font-size: 13px; color:#888888; padding:15px 10px;}
	.detailType1 .viewText {font-size: 13px; color:#888888; padding:15px 10px; border-top: 1px solid #e9e9e9;}

	.h3 h3 {font-size: 19px; line-height: 19px; color:#171717; margin-bottom: 20px; }
	.h3 h3.border {padding-bottom: 15px; }
	.tbType1 {margin-bottom: 30px;}
	.tbType1 table {width: 100%;}
	.tbType1 table th {background: #2a2929; color:#fff; font-size: 12px; text-align: center; height: 40px; font-weight: 500;}
	.tbType1 table td { word-break:break-all;color:#434343; font-size: 12px; line-height: 22px; text-align: center; padding:10px 3px; border-bottom: 1px solid #e6e6e6; vertical-align: middle;}
	.tbType1 table td.left {text-align: left; padding-left: 10px;}
	.tbType1 table .sm {font-size: 10px;}
	.tbType1.patentTb1 .col1 {width:40px;}
	.tbType1.patentTb1 .col2 {width:60px;}
	.tbType1.patentTb1 .col3 {width:60px;}

	.tbType1.patentTb2 .col1 {width:40px;}
	.tbType1.patentTb2 .col2 {width:60px;}
	.tbType1.patentTb2 .col3 {width:70px;}
	.tbType1.scrollTb {white-space:nowrap; overflow-x:auto;}
	.tbType1.scrollTb table {min-width:800px;}
	
	.tbType1.scrollTb.codeTb1  table {min-width:400px;}
	
	.tbType1.eqTb1 .col1 {width:40px;}
	.tbType1.eqTb1 .col2 {width:80px;}
	.tbType1.eqTb1 .col3 {width:40px;}
	.tbType1.eqTb1 .col4 {width:80px;}
	.tbType1.eqTb1 .col5 {width:40px;}

	.imgList ul {display:grid; grid-template-columns:repeat(2,1fr); gap:15px 13px; text-align: center;}
	.imgList ul li .img {border:1px solid #cccccc; border-radius:10px; height: 245px; overflow:hidden;}
	.imgList ul li .img img {height: 100%; width: 100%; object-fit:cover;}
	.imgList ul li .name {padding-top: 10px; font-size: 14px; color:#434343;}

	.paging {display: flex; align-items: center; justify-content: center; margin-top:50px;;}
	.paging a {display: inline-flex; width: 34px; height: 34px; justify-content: center; align-items: center; font-size: 13px; color:#878787; border-radius:4px;}
	.paging .num { margin:0 10px;}
	.paging .num a.on {background: #f56214; color:#fff; }
	.paging a.nav {text-indent:-999em;}
	.paging a.prev {background: #ebebeb url('../images/ico_prev.png') center no-repeat; }
	.paging a.next {background: #ebebeb url('../images/ico_next.png') center no-repeat; }

	.popupImg .inner {max-width:90vw; max-height:90vh;}
	.popupImg .inner .title {text-align: center; position: relative; height: 40px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #cccccc;}
	.popupImg .inner .title .name {font-size: 14px; color:#0d0d0d; }
	.popupImg .inner .title .close {position: absolute; right:15px; top:50%; margin-top:-9px;  width: 19px; height: 19px; background: url('../images/ico_close.png') center no-repeat; text-indent:-999em; cursor:pointer;}
	.popupImg .inner .popCont {padding:10px 25px; max-width:1024px; min-height:200px; min-width:320px;}

	.searchForm {display: flex; margin-bottom: 25px;}
	.searchForm.right {justify-content: flex-end;}
	.searchForm.right {justify-content: flex-end;}
	.searchForm.selSearch .inner {flex-wrap:wrap;}
	.searchForm .inner .selType1 {width: 100px;}
	.searchForm .inner .ipType1 {height: 36px; width: 147px;}
	.searchForm .inner .search {width: 66px; height: 36px; display: flex; align-items: center; justify-content: center; color:#fff; border-radius:4px; font-size: 14px;}

	.cyberSwiper {position: relative; display: block; overflow:hidden;}
	.cyberSwiper .h3 {min-width:325px;}
	.cyberSwiper .h3 h3 {font-size: 16px; line-height: 1.4; padding-top: 0;}
	.cyberSwiper .h3 h3 br {display: none;}
	.cyberSwiper .swiper {flex:1; }
	.cyberSwiper .swiper .swiper-slide {width:100%; height: 200px; border:1px solid #bfbfbf; border-radius:6px; overflow:hidden;}
	.cyberSwiper .swiper .swiper-slide img {width: 100%; height: 100%; object-fit:cover;}
	.cyberSwiper .swiperNav {position: static; display: flex; align-items: center; gap:10px; justify-content: center; margin-top: 20px;}
	.cyberSwiper .swiperNav .btn {width: 52px; height: 52px; border:1px solid #c4c4c4; border-radius:100px;  position: static;margin:0;}
	.cyberSwiper .swiperNav .swiper-button-prev {background:url('../images/ico_slide_prev.png') center no-repeat;}
	.cyberSwiper .swiperNav .swiper-button-next {background:url('../images/ico_slide_next.png') center no-repeat;}

	.cyberSwiper .swiperNav .swiper-button-prev:hover {background:#f56214 url('../images/ico_slide_prev_on.png') center no-repeat;}
	.cyberSwiper .swiperNav .swiper-button-next:hover {background:#f56214 url('../images/ico_slide_next_on.png') center no-repeat;}

	.imgList2 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:35px 15px; text-align: center; }
	.imgList2 ul li {border:1px solid #cccccc; border-radius:10px; height: 250px; overflow:hidden; cursor:pointer;}
	.imgList2 ul li img {height: 100%; width: 100%; object-fit:cover;}

	.selType1 {border:1px solid #e6e6e6; height: 36px; padding:0 25px 0 10px; font-size: 14px; color:#000000; border-radius:6px; background-size:10px; background-position:right 12px center;}

	.boardType1 {margin-bottom: 20px;}
	.boardType1 table {width: 100%; border-top: 2px solid #3a3a3a;}
	.boardType1 table th {font-size: 13px; font-weight: 700; color:#434343; text-align: center; border-bottom: 1px solid #e6e6e6; height: 40px;}
	.boardType1 table td {font-size: 13px; color:#888888; text-align: center; border-bottom: 1px solid #e6e6e6; height: 40px;}
	.boardType1 table td strong {color:#0d0d0d;}
	.boardType1 table td .new {display: inline-block; vertical-align: middle; width: 15px; height: 15px; line-height: 15px; border-radius:30px; background: #f56214; font-size: 10px; text-align: center; color:#fff;}
	.boardType1 table td.left {text-align: left; padding-left: 10px;}
	.boardType1 table th.col1 {width:100px;}
	.boardType1 table th.col3 {width:70px;}
	.boardType1 table th.col4 {width:70px;}
	.boardType1 table th.col5 {width:120px;}

	.btnRight {text-align: right;}
	.btnType1 {display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 36px; border:1px solid #cacaca; font-size: 14px; color:#737373; border-radius:6px;}

	.formBoxType2 {margin-bottom: 30px; border-top: 2px solid #313131;}
	.formBoxType2 .tr {display: flex; border-bottom: 1px solid #dcdcdc;}
	.formBoxType2 .tr .th{min-width:90px; padding-top: 17px; padding-left: 10px; font-size: 13px; color:#000000;}
	.formBoxType2 .tr .td{padding: 10px 0; font-size: 13px; color:#000000; flex:1;}
	.formBoxType2 .tr .th .req {color:#ee7826; vertical-align: middle;}
	.formBoxType2 .tr .ipType1 {height: 36px; border-radius:0; width: 100%;}
	.formBoxType2 .tr .ipType1[type=file] {height: auto; padding:10px;}
	.formBoxType2 .tr .ipType1:focus {border-color:#fab590;}
	.formBoxType2 .tr .textarea {height: 100%; border-radius:0;}
	.formBoxType2 .tr .textarea:focus {border-color:#fab590;}
	.formBoxType2 .tr .size01 {width: 100%;}
	.formBoxType2 .prevent {display: flex; gap:5px;}
	.formBoxType2 .prevent .img {min-width:100px; width: auto; height: 80px; background: #f4f4f4;}
	.formBoxType2 .prevent .input .ipType1 {width: 100%;}
	.formBoxType2 .prevent .input .info {font-size: 12px; font-weight: 500; color:#bfbfbf; padding-top: 10px;}

	.agreeWrap {margin-bottom: 35px;}
	.agreeWrap .tit { font-size: 14px; line-height: 24px; color:#313131; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #313131;}
	.agreeWrap .text { font-size:12px; line-height: 1.4; color:#aaaaaa; height: 130px; overflow-y:scroll; border:1px solid #efefef; padding:15px;}
	.agreeWrap .agree {display: block; justify-content: space-between; align-items: center;  border-bottom:1px solid #efefef; padding:10px 0;}
	.agreeWrap .agree .agreeTit {font-size: 12px; color:#313131; margin-bottom: 15px;}
	.agreeWrap .agree .radio {display: flex; gap:15px;}

	.radioType1 {display: inline-flex; align-items: center; cursor:pointer;}
	.radioType1 input {position: absolute; visibility: hidden;}
	.radioType1 span {padding:5px 0 5px 30px; font-size: 13px; color:#313131; position: relative; }
	.radioType1 span:after {content:''; position: absolute; left:0; top:50%; transform:translateY(-50%); width: 20px; height: 20px; border-radius:50px; border:1px solid #bebebe; background:url('../images/ico_check.png') center no-repeat;}
	.radioType1 input:checked + span:after {border:1px solid #f56214; background:url('../images/ico_check_on.png') center no-repeat;}

	.faqWrap .infoTop {display: block; justify-content: space-between; margin-bottom:20px;}
	.faqWrap .infoTop h3 {margin-bottom: 0;}
	.faqWrap .infoTop .info {font-size: 13px; color:#8c8c8c; padding-top: 15px;}

	.faqList {border-top: 2px solid #313131;}
	.faqList ul li {border-bottom: 1px solid #cccccc;; }
	.faqList ul li .question {display: flex;  cursor:pointer;}
	.faqList ul li .question .tit {min-width: 35px; text-align: center; font-size: 16px; line-height: 16px; color:#171717; font-weight: 700; padding:10px 0; font-family: Pretendard; }
	.faqList ul li .question .text {flex:1; font-size: 14px; color:#171717; font-weight: 700; padding:10px 0;}
	.faqList ul li .answer {display: none;}
	.faqList ul li .answer .text {background: #f5f5f5; border-top: 1px solid #cccccc;; padding:10px; font-size: 14px; color:#8c8c8c; line-height: 1.4;}

	.visionWrap .box {display: block; align-items: center; padding-bottom: 180px; background-size:auto 150px; background-position:center bottom; margin-bottom: 20px;}
	.visionWrap .box .tit {min-width: 220px; height:50px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; border:1px solid #b3b3b3; border-radius:10px; font-size: 18px; color:#1a1a1a; font-weight: 500;}
	.visionWrap .box .dot {display: none;}
	.visionWrap .box.no2 .tit {background: #000000; color:#fff;}
	.visionWrap .box.no3 {align-items:flex-start; background:none; padding-bottom: 0;}
	.visionWrap .box.no3 .tit {background: #f56214; color:#fff;}
	.visionWrap .box .text {font-size:16px; color:#171717;  text-align: center;}
	.visionWrap .box ul {display: grid; grid-template-columns:repeat(2,1fr); gap:15px;}
	.visionWrap .box ul li {width: auto;}
	.visionWrap .box ul li .name {font-size:16px; color:#262626; font-weight: 500;height: 50px; display: flex; align-items: center; justify-content: center; background: #dedede; border-radius:10px;}
	.visionWrap .box ul li .txt {font-size:14px; height: 70px; display: flex; align-items: center; justify-content: center; color:#262626; border-radius:10px; border:1px solid #cccccc; text-align: center; }

	.ethicsWrap .bgTop {display: flex;  background-size:100% 100%; border-radius:10px; font-size:18px; color:#fff; line-height: 26px; height: auto;  align-items: center; padding:20px; margin-bottom: 30px; }
	.ethicsWrap .box {display: block; margin-bottom: 20px; }
	.ethicsWrap .box .tit {min-width:260px; font-size: 18px; line-height: 20px; color:#171717; margin-bottom: 20px;}
	.ethicsWrap .box .txt {line-height: 20px; font-size: 14px; color:#171717;}
	.ethicsWrap .box .txt {flex:1;padding: 20px 0; border-top: 2px solid #1f1f1f;}
	.ethicsWrap .box .txt .num p {margin-bottom: 5px; display: flex;}
	.ethicsWrap .box .txt .num p span {font-weight: 500; margin-right: 5px;}
	.ethicsWrap .box .txt .num p em {color:#f56214; margin-right: 5px; font-size: 14px; }
	.ethicsWrap .box .txt .big {color:#171717;  font-size: 20px; line-height: 1.5; margin:40px 0 20px 0; }
	.ethicsWrap .box .txt .etc {color:#8c8c8c;  font-size: 16px; margin-bottom: 20px; }
	.ethicsWrap .box .txt .addr {display: block; gap:10px;}
	.ethicsWrap .box .txt .addr .area {flex:1; margin-bottom: 30px;}
	.ethicsWrap .box .txt .addr .area .title {background: #1a1a1a; height: auto; line-height: 1.4; padding:10px 15px; font-size: 16px; color:#fff; margin-bottom: 15px;}
	.ethicsWrap .box .txt .addr .area p {display: flex; margin-bottom: 3px;}
	.ethicsWrap .box .txt .addr .area p span {min-width:45px; font-size: 16px; color:#171717; }
	.ethicsWrap .lastInfo {text-align: center; background: #f6f6f6; border-radius:10px; padding:15px; font-size: 14px; color:#171717; }
	.ethicsWrap .lastInfo .tit01 {font-weight: 600; margin-bottom: 10px;}
	.ethicsWrap .box .txt .rightBtn {text-align: left; position: relative; padding-top: 10px;}
	.ethicsWrap .box .txt .rightBtn a {position: static; padding:0 15px; height: 40px; background: #1f1f1f; border-radius:6px; color:#fff; font-size: 14px;}

	.historyWrap {position: relative; padding-top: 30px;}
	.historyWrap:after {display: none;}
	.historyWrap .box {display: block; gap:90px; position: relative; margin-bottom:50px;}
	.historyWrap .box:after {display: none;}
	.historyWrap .box .bigTit {text-align: left; width: 100%; margin-bottom: 30px;}
	.historyWrap .box .bigTit p {font-size: 25px; line-height: 20px; color:#0d0d0d; font-weight: 700; margin-bottom: 25px;}
	.historyWrap .box .text {width: 100%; padding-top: 8px;}
	.historyWrap .box .text ul li {margin-bottom: 15px; display: flex; }
	.historyWrap .box .text ul li .year {font-size: 14px; color:#f56214; min-width:40px;}
	.historyWrap .box .text ul li .detail {font-size: 14px;  flex:1;}
	.historyWrap .box .text ul li .detail .text {display:flex; width: 100%; padding-top: 0; margin-bottom: 5px; }
	.historyWrap .box .text ul li .detail .text .month { color:#b3b3b3; min-width:35px; position: relative;}
	.historyWrap .box .text ul li .detail .text .month:after {content:''; position: absolute; right:10px; top:10px; width: 2px; height: 2px; background: #b3b3b3; border-radius:10px;}
	.historyWrap .box .text ul li .detail .text .cont {color:#000000; flex:1;}

	.historyWrap .box.no2:after {border-color:#14aef5;}
	.historyWrap .box.no2 .text ul li .year {color:#14aef5;}

	.historyWrap .box.no3:after {border-color:#bb86d3;}
	.historyWrap .box.no3 .text ul li .year {color:#bb86d3;}

	.historyWrap .box.no4:after {border-color:#7cbf77;}
	.historyWrap .box.no4 .text ul li .year {color:#7cbf77;}

	.historyWrap .box.left .bigTit{text-align: left; order:0;}
	.historyWrap .box.left .text {text-align: left;}
	.historyWrap .box.left .text ul li .year {order:0;}
	.historyWrap .box.left .text ul li .detail .text .month {order:0;}
	.historyWrap .box.left .text ul li .detail .text .month:after {right:10px; left:auto;}

	.ciWrap .box {margin-bottom: 30px;}
	.ciWrap .box .ciTit{font-size:16px; line-height:16px; color:#313131; font-weight: 500; margin-bottom:15px; }
	.ciWrap .box.line .ciTit {padding-bottom: 15px;border-bottom: 2px solid #221e1f;}
	.ciWrap .box .img {border:1px solid #57585a; background: #ffffff; height: 150px; display: flex; align-items: center; justify-content: center;}
	.ciWrap .box .img img {height:70px;}
	.ciWrap .box .img.no1 img {height:40px;}
	.ciWrap .box .img.black { background: #221e1f;}
	.ciWrap .box .img.black img {height: 80px;}
	.ciWrap .box .color {display: block; gap:12px;}
	.ciWrap .box .color .list{flex:1; margin-bottom: 20px;}
	.ciWrap .box .color .list .bg {height:55px; border:1px solid #dcdcdc; background: #f47937;}
	.ciWrap .box .color .list.no2 .bg {background: #221e1f;}
	.ciWrap .box .color .list.no3 .bg {background: #57585a;}
	.ciWrap .box .color .list .txt {font-size: 16px; line-height: 16px; margin-top: 10px; color:#313131; font-weight: 500;}
	.ciWrap .box .btn {text-align: right;}
	.ciWrap .box .btn a{display: inline-flex; padding:10px 35px; background: #221e1f; border-radius:6px; color:#fff; font-weight: 500; font-size: 16px;}
	.ciWrap .box .btn a span {padding-right: 20px; background:url('../images/ico_down.png') center right no-repeat;}
	.ciWrap .db {display: block; gap:10px;}
	.ciWrap .db .box {flex:1;}

	.worldWrap .pc {display: none;}
	.worldWrap .mob {display: block;}
	.worldWrap .wordlBox {position: relative; border:1px solid #cccccc; padding:30px 10px 0; text-align: center;}
	.worldWrap .wordlBox .btns_area {position: static; right:50px; top:56px; margin-top: 10px;}
	.worldWrap .wordlBox .btns_area span {margin-left: 5px; min-width:60px; height: 30px; font-size: 14px;}
	.worldWrap .worldList {margin-top: 20px;}
	.worldWrap .worldList .box {display: block; background: #f6f6f6; padding:15px; border-radius:8px; margin-bottom: 20px;}
	.worldWrap .worldList .box .tit {min-width:70px; font-size: 16px; color:#171717; font-weight: 500; margin-bottom: 10px; }
	.worldWrap .worldList .box .txt { font-size: 14px; color:#171717; letter-spacing:-0.5px;}

	.h3.center { text-align: center;}
	.locationWrap {}
	.locationWrap .mapBox {display: block; gap:16px;margin-top: 30px;}
	.locationWrap .mapBox .box {flex:1; font-size: 16px; color:#1a1a1a; margin-bottom: 25px; }
	.locationWrap .mapBox .box .tit {border-top: 1px solid #1a1a1a; padding:15px 0 15px 26px; background:url('../images/cont/icon_map.png') 0 19px no-repeat;background-size: 21px auto}
	.locationWrap .mapBox .box .tit strong {font-weight: 500;display: block; margin-bottom: 5px;}
	.locationWrap .mapBox .map iframe {width: 100%; height: 270px !important;}
	
	.breakType3 {display: block; gap:30px;}
	.breakType3 .bigImg {margin-bottom: 30px;}
	.breakType3 .bigImg img {border:1px solid #d5d5d5; vertical-align: top;}
	.breakType3 .rightCont {min-width:0; display: flex; flex-direction:column; justify-content: space-between;}
	.breakType3 .rightCont .top {}
	.breakType3 .rightCont .top .box {margin-bottom: 20px}
	.breakType3 .rightCont .top .box .tit { display: flex; align-items: center; gap:5px; margin-bottom: 10px;}
	.breakType3 .rightCont .top .box .tit span { width:125px; height: 37px; background-size:125px auto; line-height: 35px; padding-left:30px; font-size: 14px; color:#fff; font-weight: 500;}
	.breakType3 .rightCont .top .box .tit em {font-size: 13px; color:#1a1a1a; font-weight: 500;}
	.breakType3 .rightCont .top .box ul {border:1px solid #d2d2d2; padding:10px;}
	.breakType3 .rightCont .top .box ul li {position: relative; padding-left: 12px; font-size: 13px; line-height: 21px; color:#1a1a1a; margin-bottom: 10px;}
	.breakType3 .rightCont .top .box ul li:last-child {margin-bottom: 0;}
	.breakType3 .rightCont .top .box ul li:after {content:''; position: absolute; left:0; top:9px; width: 4px; height: 4px; border-radius:10px; background: #f56214;}

	.breakType4 .tit01 {font-size: 24px; line-height: 36px; color:#000000; margin-bottom: 20px;font-weight: 500;}
	.breakType4 .tit01 span {color:#ee7826;}
	.breakType4 .tit02 {font-size:20px; color:#171717; margin-bottom: 20px;}
	.breakType4 .tit03 {font-size:16px; color:#171717; margin-bottom: 40px;}
	.breakType4 .box {margin-bottom:30px; position: relative;}
	.breakType4 .box .tit {background-size:250px auto; width:250px; height: 36px; line-height: 36px; font-size: 15px; font-weight: 500; color:#fff; padding-left:13px;margin-bottom: 20px; }
	.breakType4 .box .sec {padding-left: 10px; margin-bottom:30px; font-size: 14px; color:#171717;}
	.breakType4 .box .sec:last-child {margin-bottom: 0;}
	.breakType4 .box .sec .name{font-weight: 500; padding-left: 10px; border-left: 2px solid #ee7826; height: 16px; line-height: 16px; margin-bottom: 10px;}
	.breakType4 .box .sec p {padding-left: 32px; margin-bottom: 5px; text-indent:-11px;}
	.breakType4 .box .prd {position: static; right:0; bottom:0; z-index: -1; margin-top: 20px; text-align: center;}
	.breakType4 .box .img {display: block; justify-content: space-between;}
	.breakType4 .box .img span:first-child {display: block; margin-bottom: 30px;}
	
	.breakType5 .tit01 {text-align: center; font-size: 20px; color:#f56214; margin-bottom: 20px;  font-weight: 500;}
	.breakType5 .tit02 {text-align: center; font-size: 28px; line-height: 36px; color:#171717; margin-bottom: 20px; font-weight: 500; }
	.breakType5 .tit03 {text-align: center; font-size: 16px; line-height: 24px; color:#171717; margin-bottom:50px; }
	.breakType5 .tit03 span { font-weight: 500;}
	.breakType5 .dbBox {display: block; gap:25px;}
	.breakType5 .dbBox .box {flex:1; margin-bottom: 30px;}
	.breakType5 .dbBox .box .sec {margin-bottom: 25px; font-size: 16px; color:#171717;}
	.breakType5 .dbBox .box .sec:last-child {margin-bottom: 0;}
	.breakType5 .dbBox .box .sec .tit { padding-left: 10px; position: relative; font-weight: 500; margin-bottom: 5px;}
	.breakType5 .dbBox .box .sec .tit:after {content:''; position: absolute; left:0; top:8px; width: 4px;	height: 4px; border-radius:10px; background: #f56214;}
	.breakType5 .dbBox .box .sec p {padding-left: 10px; text-indent:-10px; margin-left: 10px; margin-bottom: 5px; }
	.breakType5 .numBox {display: block; align-items: center; background: #f3f3f3; height: auto; padding:20px;justify-content: center; margin-top: 70px;}
	.breakType5 .numBox .img {width: auto; text-align: center;}
	.breakType5 .numBox .num {min-width: 270px; margin:20px 0;}
	.breakType5 .numBox .num p {margin-bottom: 7px; font-size: 16px; color:#171717;}
	.breakType5 .numBox .num p span {font-weight: 500; color:#f56214; padding-right: 10px;}

	.tireType1 .db{display: block; gap:26px;}
	.tireType1 .db .h3 h3.border {margin-bottom: 15px;}
	.tireType1 .db .h3.no2 {text-align: left;}
	.tireType1 .db .box {}
	.tireType1 .db .box:first-child {min-width:270px; width: auto;}
	.tireType1 .db .box:last-child {flex:1;margin-top: 50px;}
	.tireType1 .db .box .img {padding:0 8px; color:#171717; text-align: center;}
	.tireType1 .db .box .img .tit01 { font-size: 20px; line-height: 20px; font-weight: 500; margin-bottom: 5px; margin-top: 20px;}
	.tireType1 .db .box .img .tit02 { font-size: 16px;}
	.tireType1 .colorTable .thead {display:table; width: 100%; margin-bottom: 5px;  table-layout:fixed;}
	.tireType1 .colorTable .thead .th {display:table-cell; vertical-align: middle; text-align: center; font-size:10px; font-weight: 400; background: #3a3a3a; height: 48px; color:#fff; width: 20%;}
	.tireType1 .colorTable .tbody {position: relative; padding:5px 0 20px;}
	.tireType1 .colorTable .tbody .border div {position: absolute; left:0; top:0; width: 1px; height:100%; background:rgba(0,0,0,.2);}
	.tireType1 .colorTable .tbody .border div.no2 {left:20%;}
	.tireType1 .colorTable .tbody .border div.no3 {left:40%;}
	.tireType1 .colorTable .tbody .border div.no4 {left:60%;}
	.tireType1 .colorTable .tbody .border div.no5 {left:80%;}
	.tireType1 .colorTable .tbody .border div.no6 {left:100%;}
	.tireType1 .colorTable .tbody .tr {display:table; width: 100%; margin-bottom: 8px;}
	.tireType1 .colorTable .tbody .tr .td {width: 20%; display:table-cell; vertical-align: top;}
	.tireType1 .colorTable .tbody .tr .td.width2 {width:40%;}
	.tireType1 .colorTable .tbody .tr .td.width3 {width:60%;}
	.tireType1 .colorTable .tbody .tr .td span {display: block; font-size: 12px; color:#fff; font-weight: 700; text-align: center; height:37px; line-height: 37px;  border-radius:6px;} 
	.tireType1 .colorTable .tbody .tr .td span.orange {background: #f56214;} 
	.tireType1 .colorTable .tbody .tr .td span.green {background: #29696b;} 
	.tireType1 .colorTable .tbody .tr .td span.blue {background: #213059;} 
	.tireType1 .colorTable .tbody .tr .td span.yellow {background: #f5af40;} 
	.tireType1 .colorTable .tbody .tr .td span.sky {background: #3d90d2;} 

	.opList .img {margin-top: 30px;}
	
	.stateList {display: block; gap:20px;}
	.stateList > div {flex:1; margin-bottom: 24px;}
	.stateList .box {margin-bottom: 24px;}
	.stateList .box:first-child .gray {height: auto;}
	.stateList .box:nth-child(2) .gray {height: auto;}
	.stateList .box .tit {width:100px; height: 27px; line-height: 27px; background-size:100px auto; font-size: 14px; font-weight: 700; color:#fff; padding-left: 24px;}
	.stateList .box .tit02 {background: #2a2929; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color:#fff; font-weight: 700;}
	.stateList .box .gray {padding:15px 10px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6;}
	.stateList .box .gray ul li {display: flex; gap:10px; margin-bottom: 12px;}
	.stateList .box .gray ul li:last-child {margin-bottom: 0;}
	.stateList .box .gray ul li span {height: 25px; line-height: 25px; min-width: 80px; text-align: center; background: #fff; border-radius:30px; font-size: 14px; color:#f56214; font-weight: 500; }
	.stateList .box .gray ul li em {font-size: 14px; color:#434343; padding-top: 2px;}
	
	.sitemap_area .depth01{flex-wrap: wrap;}
	.sitemap_area .depth01 > li,
	.sitemap_area .depth01 > li.w1,
	.sitemap_area .depth01 > li.w2{flex: 1 1 50%;width: 50%;}
	
	.catalog_area .cont{font-size: 22px}
	.catalog_area .cont p{margin-bottom: 30px;}
	
	.wear_check .part02,
	.wear_check .part02 .col{display: block}
	.wear_check .part02 .col.item{width: 100%;margin-bottom: 20px;padding-right: 0}
	.wear_check .col.img{text-align: center}
	
	.structure_area{display: block;}
	.structure_area .col.img{width: 100%;text-align: center;max-width: 400px;margin: 40px auto 0}
	
	.card_list01 .tit{font-size: 17px;}
	.card_list01 > li{font-size: 15px;}
	.list_type01 > li{font-size: 16px}
	.list_type01 .tit{width: 90px;}
	
	.overflow_scroll{white-space:nowrap; overflow-x:auto;}
	.overflow_scroll table{min-width:900px;table-layout: auto}
	
	.outline_area .type_info th, 
	.outline_area .type_info td{font-size: 17px}
	.outline_area .type_info .tit{width: 170px;height: 50px;}
	.outline_area .type_info th {width: 190px;}
	.outline_area .type_info .label {width: 190px;height: 48px;}
	.outline_area .type_info .item01:before{margin-top: -54px;height: 111px;width: 121px}
	.outline_area .type_info .item01{padding-left: 125px;}
	.outline_area .tbl_grp .desc_top .sort{font-size: 18px}
	.outline_area .overflow_scroll table th,
	.outline_area .overflow_scroll table td{font-size: 15px}
	.outline_area .st01,
	.outline_area .st02,
	.outline_area .st03,
	.outline_area .st04{font-size: 15px}
	.outline_area .element{display: block}
	.outline_area .element .col{text-align: center;}
	.outline_area .element .col + .col{padding-top: 20px}
	.outline_area .text01{font-size: 16px}
	
	.list_type02 > li{width: 100%}
	.list_type02 .cont{padding-left: 25px}
	
	.cch_process{font-size: 16px}
	.cch_process .row{gap: 60px}
	.cch_process .process.t2, 
	.cch_process .process.t4{max-width: 100%}
	.cch_process .process.t1{gap:30px}
	.cch_process .box_area.no01:after{right: -46px;}
	.cch_process .box_area.no03:after{left: -46px}
	.cch_process .row.r1 {margin-bottom: 68px;}
	.cch_process .box_area.no02:after {bottom: -56px;}
	
	.company_intro .visual_area .title{font-size: 42px}
	.company_intro .company_scale .top .txt01{font-size: 20px}
	.company_intro .company_scale .top .txt02{font-size: 16px}
	
	.business_scale_list{flex-wrap: wrap;margin-top: 40px;margin-bottom: 45px;}
	.business_scale_list > li{flex: auto;flex-shrink: 0;width: 50%;}
	.business_scale_list > li:nth-child(1),
	.business_scale_list > li:nth-child(3){border-left:0;border-right: 1px solid #bfbfbf}
	.business_scale_list > li:nth-child(1),
	.business_scale_list > li:nth-child(2){border-bottom: 1px solid #bfbfbf}
	.business_scale_list > li:nth-child(2),
	.business_scale_list > li:nth-child(4){border-right: 0}
}

@media (max-width: 900px) {
	.cch_process .row{display: block;}
	.cch_process .col{max-width: 100%}
	.cch_process .row.r1 .col:first-child,
	.cch_process .row.r2 .col:first-child{margin-bottom: 68px;}
	.cch_process .box_area.no03:after,
	.cch_process .box_area.no01:after {top:auto;right: auto;left: 50%;bottom: -56px;transform: translateX(-50%);}
	.cch_process .box_area:after {width: 14px;height: 22px;background-size: cover;}
	.cch_process .box_area.no03:after, 
	.cch_process .box_area.no01:after,
	.cch_process .box_area.no02:after{bottom: -32px}
	.cch_process .row.r1 .col:first-child, 
	.cch_process .row.r2 .col:first-child,
	.cch_process .row.r1{margin-bottom: 40px}
	.cch_process .process.t2 > li:first-child{padding-right: 30px}
	.cch_process .process.t2 > li:last-child{padding-left: 30px}
	.cch_process .process.t3 > li:after {left: -25px;}
	
	.oem_ability{display: block;}
	
	.internationalization_info{display: block;margin-top: 10px;}
	.internationalization_info .list{width: 100%;margin-bottom: 50px;margin-right: 0}
	.internationalization_info .list > li{padding: 10px;font-size: 16px}
	.internationalization_info .list .big{font-size: 32px}
}

@media (max-width: 767px) {
	html, body{font-size: 16px;}
	
	.pc,
	.pc.inline{display: none;}
	.mo{display: block;}
	.mo.inline{display: inline;}
	
	colgroup.pc,
	col.pc,
	th.pc,
	td.pc{display: none}
	
	#wrap{padding-top: 64px;}
	#header .util{display: none}
	#header .head{height: 64px;border-bottom: 0;text-align: center}
	#header .head img{height: 44px;}
	
	.hamberger{left: 14px}
	.hamberger .btn_total{width:22px;height:2px;margin-left:-11px;}
	.hamberger .btn_total:before{top:-8px;}
	.hamberger .btn_total:after{top:8px;}
	
	#footer {padding-bottom: 40px;font-size: 14px;}
	#footer .util_link{height: 49px}
	#footer .util_link a{font-size: 14px;margin-left: 0;flex-grow: 1;text-align: center;flex: 1}
	#footer .info{padding: 0;padding-top: 19px;text-align: center}
	#footer .logo,
	.btn_top{position: relative;top: auto;left:auto;right:auto}
	#footer .logo{display: block;margin-bottom: 10px;}
	#footer .logo img{width: 121px}
	#footer address{line-height: 1.42;}
	#footer .copy {margin-top: 7px;font-size: 13px;}
	
	.btn_top{width: 44px;height: 44px;background-size: auto 18px;margin: 14px auto 0}
	
	.main_visual .swiper-slide{height: auto}
	.main_visual .bg{position: relative;left: auto;transform: translateX(0);height: auto}
	.main_visual .bg img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;}
	.main_visual .tit img{height: 80px}
	.main_visual .cont{padding-left: 30px;padding-right: 30px;transform: translateX(-50%);top:30px;top: 7.2%;}
	.main_visual p{font-size: 17px}
	.main_visual .swiper-button-prev, 
	.main_visual .swiper-button-next{display: none}
	.main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;text-align: center}
	.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 34px;height: 4px;margin: 0 2px;}
	.main_visual .point{font-size: 20px;}
	
	.prod_swiper{overflow: visible}
	.prod_swiper .img img{width: 80px}
	.prod_swiper .tit{margin-top: 9px;font-size: 14px;}
	.prod_search .col{height: auto}
	.prod_search .col.has_prod{width: 100%;height:168px;padding-left: 0;padding-top: 30px;padding-left: 0}
	.prod_search .col.has_search{height: 149px;padding-top: 31px;width: 100%;margin-top: 0;padding-right: 0}
	/*.prod_swiper  .swiper-slide.swiper-slide-active .tit{font-weight: 700}*/
	
	.search_box01{height: 50px}
	.search_box01 input[type='text']{font-size: 14px;padding-left: 14px;}
	.search_box01 .btn_search{width: 42px;background-image: url(../images/icon_search_mo.svg);background-size: 18px 18px}
	
	.title_zone01{font-size: 16px;margin-bottom: 15px;}
	.title_zone01 .title01p{margin-right: 10px}
	.title01{font-size: 18px}
	.title02{font-size: 16px}
	.title03{font-size: 20px;margin-bottom: 18px}
	.title03.t1{padding-bottom: 14px;}
	.title04{line-height: 1.4;margin-bottom: 20px;font-size: 17px;width: 100%;padding: 0 0 0 50px;}
	.title04 em{padding: 10px 15px;min-height: 45px}
	.title04:before, 
	.title04:after{display: none}
	.title04 .no{width: 50px;}
	.title04.t1{font-size: 16px}
	.title05{font-size: 16px}
	.title06{font-size: 24px}
	.title06 .en{font-size: 16px;margin-left: 5px;}
	
	.video_section{padding-top: 30px;padding-bottom: 30px;background-color: #fff;}
	.video_section .resp_inner{display: block;}
	.video_section .col.has_video{width: 100%;}
	.video_section .col.has_info{padding-top: 31px;padding-left: 0}
	.video_section .video_area{padding: 10px}
	
	.main_text01{font-size: 16px}
	.main_text01 .title01 {margin-bottom: 8px;}
	.main_text01 .btns.t1{max-width: 100%;width: 100%;margin-top: 20px;}
	
	.btns.t1{border-radius: 6px;height: 48px;font-size: 14px}
	.btns.t3{height: 44px;font-size: 14px}
	.btns.t5{font-size: 16px;height: 50px}
	
	.core_technology{padding: 61px 20px 0;display: block;height: auto;overflow: hidden}
	.core_technology .has_info{padding-left: 0;width: 100%;height: auto;display: block;}
	.core_technology .has_slide{padding-top: 30px;padding-bottom: 60px}
	.core_swiper{overflow: visible}
	.core_swiper .img{border-radius: 15px}
	.core_swiper .cont{padding: 28px 20px 75px;font-size: 15px;font-weight: 400}
	.core_swiper .tit{font-size: 20px;margin-bottom: 7px;}
	.core_swiper p{line-height: 1.5}
	.core_swiper .btn_more01{bottom: 24px;right:20px;}
	
	.btn_more01{width: 44px;height: 44px}
	.btn_more02{bottom: -51px;margin-left: -48px;width: 96px;height: 96px;}
	.btn_more02 .btns{width: 66px;height: 66px;font-size: 14px;}
	
	.export_country{padding-top: 31px;padding-bottom: 83px;}
	.export_country .title01{margin-bottom: 10px}
	.export_country .btns_area{display: none}
	.world_map{overflow: hidden;margin: 0 -20px}
	.world_map svg{position: relative;left: 50%;transform: translateX(-50%);}
	
	.board_section {padding-top: 31px;padding-bottom: 30px;height: auto}
	.board_section .title01{margin-bottom: 19px;}
	.board_area{border-radius: 15px;min-height: 250px;padding: 23px 20px 14px}
	.board_area .btn_more01{top: 14px;right: 20px;width: 38px;height: 38px;background-size: 16px auto}
	.board_list01 > li {padding: 12px 4px;}
	.board_list01 a{font-size: 15px;max-width: 100%;}
	.board_list01 .date{display: none}
	
	.board_list02{display: block;}
	.board_list02 > li{margin-bottom: 12px;padding: 20px 16px;}
	.board_list02 > li:last-child{margin-bottom: 0}
	.board_list02 .tit{font-size: 16px}
	
	.inquiry_section{padding-top: 41px;height: 187px}
	.inquiry_section .tit{font-size: 18px;margin-bottom: 14px;}
	
	.related_swiper{padding-left: 0;overflow: visible;height: 58px}
	.related_sites .swiper-option01{display: none}
	.related_sites .swiper img{width: 105px;max-height: 30px;}
	
	/* SUB PAGE START */
	.sub_container .resp_inner{font-size: 15px}
	.subtitle{font-size: 24px}
	.sub_visual{padding-bottom: 0;height: 110px;background-size: cover}
	
	.snb_area{position: relative;margin-top: 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;z-index: 10}
	.snb_area .resp_inner{padding: 0}
	.snb_area .label,
	#snb{display: block}
	#snb > li{width: 100%}
	.snb_area .label{padding: 0 20px;width: 100%;height: 48px;font-size: 15px;color: #5f5f5f;text-align: left;position: relative}
	.snb_area .label:after{transition: transform 0.3s;position:absolute;top:50%;right:20px;margin-top: -4px;display: block;content: '';width: 12px;height: 8px;background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%239c9c9c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;}
	#snb{display:none;padding: 8px 0;position: absolute;width:100%;top: 48px;left:0;background-color: #fff;border-top: 1px solid #e6e6e6;box-shadow: 0px 4px 8px 0px rgba(35, 24, 21, 0.1);}
	#snb > li > a{display: flex;height: 38px;align-items: center;padding: 0 20px}
	.snb_area.open .label:after{transform: rotate(-180deg);}
	
	.sub_container .resp_inner{padding-top: 40px;padding-bottom: 50px;}
	
	.tireType2 .box .info .spec .imgBox .icon .img{min-width: auto;min-height: auto;}
	.tireType2 .box .info .spec .imgBox .icon .img img{height: 30px}
	.tireType2 .box .info .spec .imgBox .txt{padding-top: 3px}
	.tireType2 .box .info .spec .area .tit{margin-bottom: 10px}
	
	.terms_area{padding-top: 18px;line-height: 1.65}
	.terms_area > p{margin-bottom: 22px}
	.terms_area .part,
	.terms_area .part > p,
	.terms_list01 > li{margin-bottom: 18px}
	.terms_area .tit01{font-size: 18px;}
	
	.sitemap_area .part{margin-bottom: 15px}
	.sitemap_area .depth01 > li{padding-bottom: 25px;}
	.sitemap_area .depth01 > li > a{height:50px;margin-bottom: 10px;}
	
	.global_network{line-height: 1.6;}
	.global_network .part{padding-top: 45px;padding-bottom: 45px}
	.global_network p{margin-bottom: 20px}
	.global_network .part:last-child{padding-top: 10px}
	
	.network_list01 > li{margin-bottom: 40px;}
	.network_list02 > li{width: 100%}
	.network_list02 > li:nth-child(2),
	.network_list02 > li:nth-child(3),
	.network_list02 > li:nth-child(4),
	.network_list02 > li:nth-child(5),
	.network_list02 > li:nth-child(6){margin-left: 0}
	.network_list02 > li:before{left: 34px}
	.network_list02 .box{font-size: 16px;line-height: 1.35;padding-left: 74px}
	.network_list02 .box:before{top: -6px;margin-top: 0;left:29px}
	.network_list02 .box:after{left: 14px;width: 40px;height: 40px;background-size: cover;margin-top: -20px;}
	
	.network_list03 > li{display: block;margin-bottom: 20px}
	.network_list03 .tit{width: 100%;border-left-width: 0;border-bottom-width: 2px;border-bottom-style: solid;display: block;padding-left: 0;padding-bottom: 10px;margin-bottom: 12px}
	.network_list03 .tit em br{display: none}
	.network_list03 .no, 
	.network_list03 .tit em{display: inline-block;vertical-align: middle;margin-bottom: 0;line-height: 1}
	.network_list03 .no{font-size: 18px;margin-right: 5px}
	.network_list03 .tit em{font-size: 17px}
	
	.global_network .tbl01 + .tbl01{margin-top: 18px}
	
	.tbl02 table th, 
	.tbl02 table td{font-size: 14px;}
	.tbl02 table td.left{padding-left: 10px !important}
	
	.person_charge .company_info{display: block;font-size: 15px}
	.person_charge .company_info .col{padding: 15px 0 15px 36px;margin-bottom: 12px}
	.person_charge .company_info .col:last-child{margin-bottom: 0}
	.person_charge .company_info .col:before{top: 18px;width: 20px;height: 15px;background-size: cover}
	
	.pr_video{padding: 25px 0 10px;}
	
	.catalog_area{margin-top: 50px;margin-bottom: 50px;}
	.catalog_area .cont{font-size: 18px}
	.catalog_area .cont p{margin-bottom: 25px}
	
	.wear_check .part01,
	.wear_check .part01 .col{display: block}
	.wear_check .part01 .col.item{width: 100%;margin-bottom: 20px;padding-right: 0}
	.wear_check .title04.t1{max-width: 100%}
	
	.wear_check .part{padding-top: 25px;padding-bottom: 20px}
	
	.manufacturing_process{padding-top: 20px;}
	.manufacturing_process .img{margin-bottom: 25px;}
	.grid .item{width: calc(50% - 15px)}
	.grid .content{padding: 0 15px;}
	.grid .title{font-size: 16px;margin-bottom: 8px;padding: 13px 0 11px}
	.grid .desc{font-size: 14px;line-height: 1.6;padding-bottom: 15px;}
	
	.structure_area .tit .en{font-size: 13px}
	.structure_area .info li{padding: 16px 0}
	
	.card_list01 .tit{font-size: 15px;height: 42px;}
	.card_list01 > li{font-size: 14px;flex: 1 1 calc(50% - 8px);min-height: 130px;}
	.card_list01 .cont{min-height: calc(100% - 50px);}
	.list_type01 > li,
	.list_type01 .tit, 
	.list_type01 .col{font-size: 14px;display: block;padding: 0}
	.list_type01 .tit{font-size: 16px;width: 100%;margin-bottom: 4px}
	.list_type01 .tit{width: 90px;}
	.list_type01 > li{padding: 13px 0}
	
	.characteristic_area{padding-top: 25px}
	.characteristic_area .part{padding-bottom: 40px;}
	
	.outline_area .type_info th,
	.outline_area .type_info td{font-size: 14px;padding: 3px 0;}
	.outline_area .type_info .tit {width: 159px;height: 36px;}
	.outline_area .type_info .label {width: 159px;height: 36px;}
	.outline_area .type_info tr{margin-bottom: 10px}
	.outline_area .type_info .item01 > li{padding: 2px 0;}
	.outline_area .tbl_grp {margin-top: 30px;}
	.outline_area .tbl_grp .desc_top{display: block;margin-bottom: 10px;}
	.outline_area .tbl_grp .desc_top .sort{font-size: 14px;padding-top: 10px;text-align: right}
	.outline_area .overflow_scroll table th, 
	.outline_area .overflow_scroll table td{font-size: 13px;padding: 5px}
	.outline_area .tbl02 table thead th{height: 36px;}
	.outline_area .overflow_scroll table td{height: 38px;}
	.outline_area .text01 {font-size: 13px;}
	.outline_area .element {margin-bottom: 35px;}
	.outline_area .type_info .item01:before{display: none}
	.outline_area .type_info .item01{padding-left: 0}
	
	.list_type02 > li{padding-top: 22px;}
	.list_type02 .img{width: 110px}
	.list_type02 .cont{padding-left: 15px;line-height: 1.45;}
	.list_type02 .tit{font-size: 20px;margin-bottom: 8px;}
	.list_type02 .tit .no{width: 26px;height: 26px;font-size: 16px;font-weight: 500;border-radius: 4px;}
	.list_type02 .tit .en{font-size: 14px}
	.list_type02 .cont{padding-left: 0}
	
	.system_area .top_img{padding-bottom: 10px;}
	.system_area .part{margin-bottom: 30px;}
	
	.title_zone02{margin-bottom: 20px;}
	
	.card_list02 > li{padding: 0 15px 15px;}
	.card_list02 .tit{padding: 15px 0 12px;}
	
	.cch_process{font-size: 14px}
	.cch_process .tit,
	.cch_process .process .box{min-height: 42px}
	
	.opList .btns.t3{height: 35px;font-size: 14px;padding: 0 15px !important;margin-bottom: 10px}
	.opList .btns.t3 .icn_down{padding-right: 28px}
	
	.tbType3.flex{display: block;}
	.tbType3.flex .img{margin: 0 auto 10px;width: 120px}
	
	.title07{font-size: 20px}
	.title07:after{width: 70%}
	
	.company_intro .part, 
	.company_intro .internationalization_netwalk{margin-top: 40px}
	.company_intro .visual_area .title{font-size: 24px}
	.company_intro .company_scale .top{margin-bottom: 30px}
	.company_intro .company_scale .top .txt01{font-size: 16px}
	.company_intro .company_scale .top .txt02{font-size: 14px}
	.company_scale_num{margin-top: 40px;gap: 10px 10px;}
	.company_scale_num .item{height: 46px;padding: 5px 20px;}
	.business_scale_list{margin-top: 10px;margin-bottom: 30px;}
	.business_scale_list > li{padding: 20px;width:100%;border: 0 !important;border-bottom: 1px solid #bfbfbf !important}
	.business_scale_list .num{font-size: 32px}
	.business_scale_list > li .icn img{height: 54px}
	
	.oem_ability .col.left .inner{padding: 25px 20px;}
	.oem_ability .col.left .title{font-size: 32px}
	.oem_ability .col.left .text{line-height: 1.5;font-size: 15px}
	.oem_ability .col.left .text:before{width: 50px;height: 37px;margin-bottom: 5px;}
	
	.partner_list{gap: 10px;}
	.partner_list > li{width: calc(33.333% - 10px);}
	
	.company_intro .internationalization_netwalk{padding-top: 20px;}
	
	.internationalization_netwalk .title{font-size: 24px}
	.internationalization_netwalk .text{font-size: 20px}
	
	.internationalization_info .list .big{font-size: 28px}
}

@media (max-width: 630px){
	.catalog_area .cont br{display: none}
	.catalog_area .cont .btns{margin-left:auto;margin-right: auto;}
	.catalog_area .resp_inner{display: block;height: auto;padding-top: 30px !important}
	.catalog_area .cont{margin-right: 0;padding-top: 25px;line-height: 1.6;font-size: 16px}
	.catalog_area .cont p{margin-bottom: 15px}
	.catalog_area .cont .btn_area{text-align: center;}
	.catalog_area .catalog{position: relative;top: auto;width: 100%;transform:translateY(0);padding-right: 0;text-align: center}
	.catalog_area .catalog img{width: 200px}
	
	.outline_area .type_info,
	.outline_area .type_info tbody,
	.outline_area .type_info tr,
	.outline_area .type_info th,
	.outline_area .type_info td{display: block;}
}

@media (max-width: 480px){
	.main_visual p{font-size: 16px}
	
	.grid {margin: 0}
	.grid .item{width: 100%}
	
	.cch_process .process.t1,
	.cch_process .process.t4,
	.cch_process .process.t1 > li:first-child:after, 
	.cch_process .process.t4 > li:first-child:after{display: block;}
	.cch_process .process.t1 > li, 
	.cch_process .process.t4 > li{max-width: 100%;margin-bottom: 20px}
	.cch_process .process.t1 > li:last-child, 
	.cch_process .process.t4 > li:last-child{margin-bottom: 0}
	.cch_process .process.t1 > li:after, 
	.cch_process .process.t4 > li:after{width: 1px;height: 110%;left:50%}
	.cch_process .process.t1 > li:before, 
	.cch_process .process.t4 > li:before{left: 50%;transform:translateX(-50%) rotate(90deg);margin-top: 0;top:-8px}
	.cch_process .process.t1 > li:last-child:after, 
	.cch_process .process.t4 > li:last-child:after{display: none}
	.cch_process .box_area:after{width: 14px;height: 22px;}
	.cch_process .box_area.no03:after, 
	.cch_process .box_area.no01:after,
	.cch_process .box_area.no02:after{bottom: -32px}
	.cch_process .row.r1 .col:first-child, 
	.cch_process .row.r2 .col:first-child,
	.cch_process .row.r1{margin-bottom: 40px}
	.cch_process .cont {padding: 25px 20px;}
	.cch_process .process.t2 > li:first-child{padding-right: 20px;}
	.cch_process .process.t2 > li:last-child{padding-left: 20px}
	.cch_process .process.t3 > li:after {left: -15px;}
	.tbl03 th, 
	.tbl03 td{padding-top: 15px;padding-bottom: 15px}
	
	.company_scale_num{gap: 10px 0}
	.company_scale_num .item{width: 100%;}
}

@media (max-width: 360px) {

}