@charset "UTF-8"; 
@import url("font.css");
/* 본문 바로가기 */
#go_main{position:absolute;height:0;}
#go_main a{display:block;left:-2000px;position:absolute;text-align:center;width:400px;}
#go_main a:focus, #go_main a:active, #go_main a:hover{background-color:#ffffff;color:black;left:50%;padding:5px 0;position:absolute;top:10px;z-index:1000000;border:1px dotted red;}

/* common */
body{font-family:pretendard, sans-serif;font-weight:400;font-size:19px;color:#000;line-height:1;/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
html.all-fixed,body.all-fixed{position:relative;height:100%;overflow:hidden;}
a{color:inherit;}
input[type="text"], input[type="password"], button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;}
input[type="text"]:focus{outline:1px solid #eee;}
select::-ms-expand{display: none;}
pre{font-family:inherit;}


.con-p {color: #000;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: 0.1px;padding: 0 0 40px 0;}

.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.mobile-hide{display:block !important;}
.tablet-show{display:none !important;}
.no-js{opacity:0;}
.no-mg{margin:0 !important;}
.no-pd{padding:0 !important;}
.no-bo{border:0 !important;}
.d-ib:not(.link-box){display:inline-block;}
.v-top{vertical-align:top !important;}
.v-middle{vertical-align:middle !important;}
.v-bottom{vertical-align:bottom !important;}
.text-medium{font-weight:500 !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.underline{text-decoration:underline;}
.sub-content-wrap:after{content:'';clear:both;display:block}
.sub-content-wrap{margin:0 auto 80px;max-width: 1400px;}

.mg-t10{margin-top:10px !important;}
.mg-b10{margin-bottom:10px !important;}
.mg-b20{margin-bottom:20px !important;}
.mg-tb10{margin:10px 0 !important;}
.pd-b10{padding-bottom:10px !important;}
.pd-b20{padding-bottom:20px !important;}
.pd-b30{padding-bottom:30px !important;}

.img-box{text-align:center;}
.img-box.border{padding:30px 0;border:1px solid #e7e7e7;}
.img-box.gray{padding:50px 30px;background:#f5f5f5;}
.img-box.left{text-align:left;}
.img-box img{max-width:100%;}
.zoom-in{padding:10px;text-align:right;}
.img-box .zoom-in {padding: 30px 0px 10px 0;text-align: right;display: inline-block;}

.mark-p:before{content:'※';position:absolute;top:0;left:0;font-family: 'Noto Sans KR',sans-serif;}
.mark-p{position: relative;padding: 0 0 0 20px; color: #333;line-height: 24px;letter-spacing: -0.5px;}
.btn-a {display: inline-block;border-radius: 2px;margin: -2px 0 0 5px;padding: 6px 13px;border: 1px solid #777;background-color: #fff;font-weight: 200;font-size: 15px;color: #222;line-height: 1;word-break: break-all;vertical-align: middle;}
.btn-a:after {content: '';display: inline-block;vertical-align: middle;}
.btn-a:hover {border-color: #0065b3;background-color: #0065b3;color: #fff;}
.link-a:hover:after {background-image: url(../img/common/bg-link-w.png);}
.link-a:after {margin: 0 0 0 0px;width: 14px;height: 14px;background: url(../img/common/bg-link.png) no-repeat 0 0/100%;}
.bg-box{border:1px solid #cdcdcd;background-color:#f2f2f2;padding:15px 20px;border-radius:7px;}
.border-box{border:1px solid #cdcdcd;padding:15px 20px;border-radius:7px;}
.txt-cen{text-align:center}


/*Title*/
h2.sec-ttl {
  font-size: 50px;
  color: #222;
  font-weight: 700;
  line-height: 55px;
}
.sup-ttl {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.description {
  margin-top: 60px;
}
.description p {
  font-size: 16px;
  color: #2C2B26;
  font-weight: 300;
  line-height: 32px;
}
/*Button*/
.btn-primary {
  display: inline-flex;
  align-items: center;
  background-color: #BB141B;
  color: #fff;
  padding: 16px 30px;
  border: none;
  border-radius: 26px;
  cursor: pointer;
}
.btn-primary span {
  font-size: 14px;
  margin-right: 10px;
  font-family: 'Noto Sans KR';
}
.btn-primary img {
	max-width: 24px;
}

/*Layout*/
.header-wrap{position: relative; z-index: 1}
.main-visual-wrap{}
.container{overflow:hidden;}
.main-content-wrap01{}
.main-content-wrap02{}
.main-content-wrap03{}
.main-content-wrap04{background-color: #F5F5F5;border-top: 1px solid #DEDEDE;}
.main-content-wrap05{background-color: #F5F5F5;}
.footer-wrap{background: #BB141B;}

.box-wp {
	max-width: 1432px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 16px;
	box-sizing: border-box;
}
.category {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 20px;
  border-left: 4px solid #BB141B;
  margin-bottom: 60px;
}

/*Sub-Visual*/
.sub-content-wrap{padding: 0 16px}
.sub-visual-wrap .sub-visual-box{background-image: url(/_res/service/nsparts_en/img/common/sub-vi01.png);background-repeat: no-repeat;background-position: center center;background-size: cover;height: 210px;display: flex;justify-content: center;align-items: center;}
.sub-visual-wrap .sub-visual-box h2{text-align: center;color: #fff;font-size: 24px;font-style: normal;font-weight: 600;line-height: 140%;letter-spacing: -0.6px;}
.h1-tit01{font-size: 55px;font-style: normal;font-weight: 700;line-height: 120%;color: #BB141B); }
.h2-tit01{font-size: 42px;font-style: normal;font-weight: 700;line-height: 120%;color: #BB141B); }
.h3-tit01{font-size: 36px;font-style: normal;font-weight: 700;line-height: 120%;color: #BB141B); }
.p-body01{font-size: 18px;font-style: normal;font-weight: 400;line-height: 160%;color: #BB141B);letter-spacing: -0.36px; }
.p-body02{font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;color: #BB141B);letter-spacing: -0.36px; }
.p-body03{font-size: 15px;font-style: normal;font-weight: 400;line-height: 160%;color: #BB141B);letter-spacing: -0.36px; }
.main-title-wrap .sub-title{max-width: 1400px;margin: 35px auto 60px;text-align: center;color: #000;font-size: 24px;font-style: normal;font-weight: 600;line-height: 140%;letter-spacing: -0.6px;}
.main-title-wrap .sub-title h2{position: relative}
.main-title-wrap .sub-title h2:before{content: '';position: absolute;background: #BB141B;width: 50px;;height: 6px; border-radius: 3px;display: block;left: 0;right: 0;top: -13px;margin: auto;transition: 0.3s;}


@media screen and (max-width: 1024px) {
	/* common */
}

@media screen and (max-width: 768px) {
	/* common */
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}

	.img-box.border{padding:20px 0;}
	.img-box.gray{padding:25px 10px;}
	
	.category {margin-bottom: 40px;}
	
	/*Title*/
	h2.sec-ttl {font-size: 30px;line-height: 36px;}
	.sup-ttl {font-size: 16px;}
	.description {
		margin-top: 40px;
	}
	.description p {
		font-size: 15px;
		font-weight: 400;
		line-height: 27px;
	}
	
	/*Sub-Visual*/
	.h1-tit01{font-size: 27px}
	.h2-tit01{font-size: 21px}
	.h3-tit01{font-size: 18px}
	.p-body01{font-size: 16px}
	.p-body02{font-size: 15px}
	.p-body03{font-size: 14px}
}