@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600;700&display=swap');

/* About 상단  START ~ */
.aboutWarp {
	width:100%;
	height:auto;
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
}

.aboutInner {
	width:100%;
	margin:0 auto;
	padding:14rem 2rem 0;
	max-width:156rem;
}

@media (max-width:991px) {
	.aboutWarp { margin-top: 6rem; padding-top: 3rem;}
	.aboutInner {padding: 4rem 2rem 0;}
}

.subTop {
    width: 100%;
	padding-left:6rem;
	position: relative;
    margin: 17.5rem 0 0 0; 
}
.subTopImg {
    width: 100%;
    position: relative;
	padding-bottom: 22.25%;
    padding-left: 6rem;
    background: #f8f8f8;
    height: 0;
    overflow: hidden;
}
.subTopImg img {
    top: 0;
	left: 0;
	width: 101%;
    height: auto;
    position: absolute;
}
.subTopInner {
    width: 100%;
	overflow:hidden;
	padding: 0 2rem;
	max-width: 156rem;
    margin: 0 auto 5rem;
}
.pageName {
	font-family: 'Outfit';
    font-size: 8rem;
    font-weight: 700;
    line-height: 9rem;
    letter-spacing: 0.04em;
}


@media (max-width:991px) {
	.aboutWarp {margin-top: 5rem; padding-top: 6rem;}
	.subTop {padding-left:2rem; margin-top:0;}
	.subTopInner {margin-bottom:4rem;}
	.pageName {font-size: 4.6rem; line-height: 4.6rem;}
	.subTopImg {padding-bottom: 31.17%;}
	.subTopImg img {width: auto; height: 100%; left:unset; right:0;}
}

@media (max-width:767px) {
	.aboutWarp {padding-top: 4rem;}
	.subTopInner {margin-bottom:2rem; padding:0 1rem;}
	.pageName {font-size: 2.6rem; line-height: 2.6rem;}
	.subTopImg {padding-bottom: 28.17%;}
}
/* ~ About 상단  END */


/* ::::::::: Introduction START ~ ::::::::: */
.about_intro {overflow: hidden; position:relative;}
.about_intro::before {
    content: '';
	z-index:-1;
	right: -2rem;
	top: -6rem;
	width: 31.95%;
    height: 44.2%;
    position: absolute;
    background: url(/public/img/about/about_logo.png) no-repeat right / contain;
}
.about_intro .titleBox {overflow:hidden;}
.about_introInner {width:100%; max-width:140rem; margin:0 auto; padding:14rem 2rem 16rem;}
.titleBox .a_eng, .a_eng {
    font-family: 'Outfit';
    font-size: 2rem;
    font-weight: 700;
	color: #E82222;
	margin-bottom: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0.1em;
	text-transform: capitalize;
}
.titleBox .a_ko {
    font-weight: 700;
    font-size: 5.4rem;
    line-height: 7rem;
}
.titletxt {
	text-align: left;
	font-weight: 600;
    font-size: 4.6rem;
    line-height: 6.2rem;
    letter-spacing: 0em;
    padding: 6rem 0 5rem 0;
}

.introCont {width: 100%; margin-top: 6rem;}
.introTitle {font-size: 4.6rem; font-weight: 500; line-height: 6.2rem; width:  104.6%; margin-right: 2.4rem;}
.introTitle span {font-weight: 700;}
.introTxt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 3.6rem;
    letter-spacing: 0em;
    text-align: left;
}
.introTxt p {padding-bottom:2rem;}
.introTxt span {font-weight:600;}

.introImg {
    height: 0;
    width: 83.03%;
	position: relative;
	max-height:41.7rem;
    background: #f6f6f6;
    padding-bottom: 21.92%;
}
.introImg img {
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	position: absolute;
}
.introImgE {
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0 10rem;
    right: 0rem;
    max-width: 140rem;
    position: absolute;
    padding-bottom: 36.71%;
    transform: translateX(25%);
    background: url(/public/img/about/about_bannerV_e.png) no-repeat bottom / contain;
}
.introCtxt {font-size: 2.4rem; font-weight: 300; line-height: 4rem;}
.introCBtxt {font-size: 3.2rem; font-weight: 600; line-height: 4.8rem; margin-top: 3rem;}

@media (max-width:991px) {
	.about_intro::before {width: 35.735%;}
	
	.introCont {margin-top: 4rem; flex-direction: column;}
	.titleBox .a_eng {font-size: 1.5rem; line-height: 2.2rem; letter-spacing: 0.1em; margin-bottom: 1.6rem;}
	.titleBox .a_ko {font-size: 4rem; line-height: 5rem;}
	.introTitle {width: 100%; font-size: 2.6rem; margin-right: 0rem; line-height: 3.5rem;}
	
	.introTxt {font-size: 1.8rem; line-height: 3rem; margin-top: 2rem;}
	.introCtxt {font-size: 2.5rem; line-height: 3.3rem;}
	.introCBtxt {margin-top: 2.4rem; font-size: 2.4rem; line-height: 3.4rem;}
	
	.introImg {padding-bottom: 26.4%; margin-top:0;}
	.introImgE {right: 0; margin: 0; width: 107.28%; padding-bottom: 41.325%; transform: translateX(20%);}
}

@media (max-width:767px) {
	.about_introInner {padding:6rem 2rem 7.4rem;}
	.titleBox .a_eng {font-size: 1.3rem; line-height: 1.6rem; letter-spacing: 0.1em;}
	.titleBox .a_ko {font-size: 2.6rem; line-height: 3.4rem;}
	
	.introCont {margin-top: 3rem;}
	.introCtxt {font-size: 1.5rem; line-height: 2.3rem;}
	.introCBtxt {margin-top: 1.4rem; font-size: 1.8rem; line-height: 2.8rem;}
	
	.introImgE {width: 107.28%; padding-bottom: 44.325%; transform: translateX(15%);}
	.titleBox .a_eng, .a_eng {font-size:1.3rem; line-height:1.6rem; margin-bottom:1.6rem;}
}
/* ::::::::: // ~ Introduction END ::::::::: */


/* ::::::::: Why START ~ ::::::::: */

.about_Why {width:100%; position:relative; overflow:hidden;}
.about_Why .aboutInner {padding:14rem 2rem 14rem; max-width:156rem; margin:0 auto;}

/* :::::::::: 스와이퍼 커스텀 START ~ :::::::::: */
#about_Why.swiperArea {overflow: unset; margin-top:8rem;}
#about_Why .swiper-wrapper {
    align-items: flex-start;
}
#about_Why .swiper-slide {width: 33.5rem; transition: all 0.3s ease-in-out;}
#about_Why .swiper {position: relative; overflow: unset;}

/* :::: 페이지 네이션 커스텀 :::: */
.slideBotm {
    width: 100%;
    display: flex;
    margin-top: 6rem;
    align-items: center;
	flex-direction: row;
	position: relative;
    justify-content: space-between;
}
.custom.swiper-pagination-progressbar {top: unset; height: 0.2rem; width: 84.672%; background: #EEE; position: relative;}
.custom.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222;}

#about_Why .swiper-slide {
	width:auto; 
	height:100%; 
	padding-top:5rem; 
	background: #FFFFFF;
	box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.06); 
	max-width:46.8rem;
	padding:4rem;
}
.whyslideInner {position:relative;}
.ws_count {
	color:#222;
	font-family: 'Jost';
	font-size: 3rem;
	font-weight: 600;
	line-height: 4rem;
}

#about_Why .swiper-slide figure {width:33.5rem; height:auto; position:relative; transition:all 0.3s ease-in-out;}
#about_Why .swiper-slide figure img {width: 100%; height: auto; vertical-align:bottom;}
#about_Why .swiper-slide figure.ws_icon {width:10rem; height:10rem; background:#eee; border-radius:50%;}
#about_Why .swiper-slide figure.ws_icon img {width:100%; height:auto;}

.wsTop {display:flex; margin-bottom: 8rem; justify-content: space-between;}
.wsBottom .ws_title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 2rem;
}
.wsBottom .ws_txt {font-size: 1.8rem; font-weight: 300; line-height: 2.8rem;}

p.sport_name {
	left: 0;
	top: -2rem;
    font-family: Outfit;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.04em;
    margin-bottom: 2rem;
    position: absolute;
    transform: translateY(-100%);
	text-transform: capitalize;
}
.viewname {
	font-size: 4.6rem;
	font-weight: 600;
	line-height: 3.8rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.viewmore {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.9rem;
	text-align: center;
	margin-top:2rem;
}

/* :::: 슬라이드 버튼 커스텀 :::: */
.sBtnGroup {
	/* === 위치 === */
    left: unset;
    top: unset;
    transform:unset;

	z-index: 1;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.sBtnGroup .swiper-button-next, 
.sBtnGroup .swiper-button-prev  {
	/* === 크기 === */
	height: auto;
    width: auto;
	
	margin: 0;
	position: unset;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;

	color: #222;
	font-family: 'Outfit';
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: 0.04em;
}
.sBtnGroup .swiper-button-prev::before {
    content: ''!important;
	left: 0;
    top: 50%;
    width: 2.6rem;
    height: 1.4rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
	background:url(../img/turf/category_prev.png) no-repeat center / cover;
}
.sBtnGroup .swiper-button-prev::after {content:''!important;}
.sBtnGroup .swiper-button-next::before {
    content: ''!important;
	right: 0;
    top: 50%;
    width: 2.6rem;
    height: 1.4rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
	background:url(../img/turf/category_next.png) no-repeat center / cover;
}
.sBtnGroup .swiper-button-next:after {content: "" !important;}
.sBtnGroup .swiper-button-prev.swiper-button-disabled,
.sBtnGroup .swiper-button-next.swiper-button-disabled {opacity:1;}

/* === 슬라이드 버튼 이미지 설정 === */
.sBtnGroup .swiper-button-prev {padding: 1rem 0 1rem 3.6rem;}
.sBtnGroup .swiper-button-next {padding: 1rem 3.6rem 1rem 0; margin-left:3rem;}

/* === 슬라이드 버튼 disabled 버전 이미지 설정 === */
.sBtnGroup .swiper-button-prev.swiper-button-disabled {opacity:0.5;}
.sBtnGroup .swiper-button-next.swiper-button-disabled {opacity:0.5;}
/* :::::::::: // ~ 스와이퍼 커스텀 END :::::::::: */

@media (max-width:991px) {
	#about_Why .swiper {margin-left: 0;}
	.custom.swiper-pagination-progressbar {width:72.672%;}
}
@media (max-width:767px) {
	.about_Why .aboutInner {padding:6rem 2rem;}
	#about_Why.swiperArea {margin-top: 3rem;}
	#about_Why .swiper-slide {padding:2rem;}
	.ws_count {font-size: 1.8rem; line-height: 2.4rem;}
	#about_Why .swiper-slide figure.ws_icon {width:6.4rem; height:6.4rem;}
	.wsTop {margin-bottom:3.6rem;}
	#about_Why .swiper-wrapper {width:100%;}
	#about_Why .swiper-slide {min-height: 37.8rem; max-width: inherit; height: auto;}
	.slideBotm {margin-top:3rem;}
	.wsBottom .ws_title {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.6rem;}
	.wsBottom .ws_txt {font-size: 1.4rem; line-height: 2.2rem;}
}
/* ::::::::: // ~ Why END ::::::::: */


/* ::::::::: 특징소개 START ~ ::::::::: */
.aboutPro .aboutInner {padding:14rem 2rem 8rem;}
.aboutPro {width: 100%; margin: 0 auto; max-width: 140rem; padding: 14rem 2rem 8rem;}
.proCont {width:100%; margin-top:8rem;}

.proCircle {width:20rem; height:20rem; background:#f6f6f6; border-radius:50%;}
.protitle {
	color:#000;
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 3.6rem;
	margin:4rem 0 2.4rem;
}
.proTxt {
	color:#555;
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 2.8rem;	
}
.proCont ul {display: flex; flex-wrap: wrap;}
.proCont ul li {width: 50%; margin-bottom: 6rem;}
/* ::::::::: // ~ 특징소개 END ::::::::: */


/* ::::::::: 연혁 START ~ ::::::::: */
.aboutHis {background:#F8F8F8; position:relative;}
.aboutHis .aboutInner {padding:14rem 2rem 14rem;}
.aboutHis .aboutCont {display: flex; position:relative; justify-content: space-between;}
.aboutHisLeft {top: 13rem; height: 58rem; position: sticky;}

ul.yearBtn {width: auto; margin-top: 8rem; display: inline-block;}
.yearBtn li {
    padding: 1.8rem 6rem;
    border: 1px solid #DDDDDD;
    color: #222;
    margin-bottom: 0;
    font-family: 'Jost';
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4.4rem;
    box-sizing: border-box;
    text-align: center;
    border-top: none;
}
.yearBtn li:first-child {border-top: 1px solid #DDDD!important;}
.yearBtn li:hover {background:#222; color:#fff;}

.menu-active {background: #222; color: #fff!important;}
.aboutHisRight {height: auto; width: 50%;}

.his_BTxt {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 3rem;
}
.his_Txt {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 3.6rem;
}
#hero, #about  {
    width: 100%;
    margin-top: 0;
	padding-top: 10rem;
    padding-bottom: 0rem;
}
#hero {padding-top:10rem;}
#history {width: 100%; margin-top: 0; padding-top: 10rem;}
#his {padding-top: 10rem;}

.ybInner {height:auto;}
.his_yearTitle {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 3rem;
}
.his_yearT {
	font-family: 'Jost';
	font-size: 7rem;
	font-weight: 600;
	line-height: 7rem;
}
.his_yearbox {
	color:#222;
	padding-left: 2rem;
	font-size: 2rem;
	font-weight: 400;
	line-height: 7rem;
	position:relative;
	margin: 3rem 0 0rem 0;
}
.his_yearbox li {
	padding-left: 2.9rem; 
	position:relative;
	font-size: 2rem;
	font-weight: 400;
	line-height: 6rem;
}
.his_yearbox li::before {
    content: '';
    width: 0.9rem;
    height: 0.9rem;
    background: #222;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.his_yearbox::before {
	top: 50%;
    content: '';
    width: 1px;
    height: 91%;
	left: 2.4rem;
    background: #DDD;
    position: absolute;
    transform: translateY(-50%);
}

#hero .his_yearbox::before {height:71%;}
#about .his_yearbox::before {height:81%;}
#history .his_yearbox::before {height:91%;}
#his .his_yearbox::before {height:84%;}

.yearBoxImg {
    height: 0;
    width: calc(100% - 2rem);
    padding-bottom: 52.86%;
	background: #fff;
    margin-top: 6rem;
	overflow:hidden;
	position:relative;
}
.yearBoxImg img {position:absolute; left:0; top:0; width:100%; height:auto;}
.his_yearbox.last-child {margin:3rem 0 0 0;}
.lastBox {width:100%; height:50rem;}

@media (max-width:991px) {
	.aboutHis .aboutInner {flex-direction: column; padding:8rem 2rem;}
	.aboutHisRight {width: 62%;}
	#hero, #about, #history {padding-left: 0;}
	
	.his_yearTitle {font-size: 3.2rem; line-height: 3.8rem; font-weight:600; margin-bottom: 2rem;}
	.his_yearT {font-size: 3.5rem; line-height: 4.5rem;}
	.his_yearbox {margin: 3rem 0 0rem  0; padding: 0 0 0 0.5rem;}
	.his_yearbox li {padding-left: 2rem; font-size: 1.5rem; line-height: 3.2rem;}
	.his_yearbox::before {left:0.7rem;}
	.yearBoxImg {margin-top:4rem;}
	
	ul.yearBtn a {width: calc(100%/4);}
	.yearBtn li {padding:1rem 2rem; font-size: 2rem; line-height: 3.4rem; max-width: 19.2rem; border-left:none;}
	.yearBtn li:hover {background:#222; color:#fff;}	
	
	.proCont ul {display: flex; flex-wrap: wrap; flex-direction: column;}
	.proCont ul li {width: 100%; margin-bottom: 6rem;}
	.his_yearbox li::before {width:0.5rem; height:0.5rem;}
	.proCircle {margin:0 auto;}	
	
	.menu-active {background: #222!important; color: #FFF!important;}
	.his_BTxt {margin-top: 5rem; font-size: 1.8rem; font-weight:600; line-height: 2.4rem; margin-bottom: 1.4rem;}
	.his_Txt {font-size: 1.5rem; line-height: 2.3rem;}
}

@media (max-width:767px) {
	.aboutHis .aboutInner {flex-direction: column; padding:6rem 2rem 4rem;}
	.aboutHis .aboutCont {display: flex; flex-direction: column;}
	ul.yearBtn {display:flex; margin-top: 3rem;}
	.yearBtn li {
		background:#fff;
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding: 1.6rem 1.7rem;
		border-top:1px solid #DDD;
	}
	.aboutHisLeft {
		z-index: 8;
		height:auto; 
		/* top: -3rem;  */
		/* position: sticky;  */
		top: 0rem; 
		position: relative; 
	}
	.aboutHisRight {width: 100%;}
	.his_BTxt {margin-top: 5rem; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.4rem;}
	.his_Txt {font-size: 1.5rem; line-height: 2.3rem;}
	
	#hero {padding-top:4rem;}
	.his_yearbox {margin: 1rem 0 0rem  0;}
	.his_yearTitle {font-size: 2rem; margin-bottom: 1rem; line-height: 2.8rem;}
	.his_yearT {font-size: 3rem; line-height: 3.4rem;}
	.yearBoxImg {width: 100%; margin-left: 0; margin-top: 3rem; padding-bottom: 54.33%;}
	.his_yearbox::before {left: 0.6rem;}
	.his_yearbox li::before {width: 0.3rem; height: 0.3rem;}
	
	#about, #history, #his {padding-top:4rem;}
}

/* ::::::::: // ~ 연혁 END ::::::::: */
.about_vision {overflow: hidden;}
.about_vision .visionInner {
    padding: 14rem 2rem 14rem;
    max-width: 156rem;
    margin: 0 auto;
}
.about_vision .visionInner {
	font-family: Outfit;
    font-size: 6.8rem;
    font-weight: 700;
    line-height: 8.6rem;
    letter-spacing: 0.04em;
    text-align: left;
}
.about_vision .a_ko {
    font-weight: 700;
    font-size: 6.8rem;
    line-height: 8.6rem;
    font-family: 'Outfit';
    font-size: 6.8rem;
    font-weight: 700;
    line-height: 8.6rem;
    letter-spacing: 0.04em;
    text-align: left;
}

.about_vision #about_Why .swiper {
	width: 100%!important;
    position: relative;
    overflow: unset;
    margin: 0;
}
.about_vision #about_Why .swiper-slide {
    padding: 0;
	height: auto;
    width: 74.014%;
    max-width: inherit;
    box-sizing: border-box;
}
.about_vision #about_Why .swiper-slide figure {
    height: 0;
	width: 100%;
    background: #eee;
    border-radius: 0%;
    padding-bottom: 48.09%;
}
.about_vision .wsTop {margin-bottom:0;}
.avisionBottom {width: 74.014%; margin-top:6rem;}
.avisionBottom	.ws_title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 4.2rem;
    font-weight: 600;
    line-height: 5rem;
    margin-bottom: 3rem;
    letter-spacing: 0;
}
.avisionBottom .ws_txt {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 3.6rem;
    letter-spacing: 0em;
}
.about_vision .slideBotm {margin-top:8rem;}

@media (max-width:991px) {
	.contact .mainInner {text-align:left;}
	.cb {justify-content: flex-start;}
	.scrollTop {display:none;}
}
@media (max-width:767px) {
	.about_vision .visionInner {padding:6rem 2rem;}
	.about_vision .a_ko {font-size: 2.6rem; line-height: 3.4rem;}
	.about_vision #about_Why .swiper-wrapper {width: 100%;}
	.about_vision #about_Why .swiper-slide {min-height:unset;}
	
	.avisionBottom {width: 100%; margin-top: 3rem;}
	.about_vision .slideBotm {margin-top: 3rem;}
	.avisionBottom	.ws_title {font-size: 1.8rem; line-height: 2.4rem; margin-bottom:1.4rem;}
	.avisionBottom .ws_txt {font-size: 1.4rem; font-weight: 300; line-height: 2.2rem;}
	
	.sBtnGroup .swiper-button-next, .sBtnGroup .swiper-button-prev {font-size: 1.4rem; font-weight: 500; line-height: 1.5rem;}
	.sBtnGroup .swiper-button-prev {padding: 0.5rem  0 0.5rem 1.8rem;}
	.sBtnGroup .swiper-button-next {padding: 0.5rem 1.8rem 0.5rem 0; margin-left: 2rem;}
	.sBtnGroup .swiper-button-prev::before,
	.sBtnGroup .swiper-button-next::before {width:1.3rem; height:0.7rem;}
	.custom.swiper-pagination-progressbar {width:58.672%;}
}

/* ::::::::::::: =========== contact us START ~ =========== ::::::::::::: */
.contactWarp {
	width: 100%;
	height: auto;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
}
.contactWarp .about_introInner {
	width: 100%;
	margin: 0 auto;
	max-width: 154rem;
	padding: 14rem 2rem 0rem 2rem;
}


.acadBoxInner{
	margin-top:10rem;
	display:flex;
	width:100%;
	height:100%;
	position:relative;
	padding-right:50%;
}



/* == 새로운 컨텐정보 영역 == */
.nmloWrap{border-top:1px solid #222;padding:0rem 0rem;width:100%;height:100%;position:relative;}
.nmlobox{width:100%;height:100%;position:relative;border-bottom:1px solid #eee;padding:0 3.75rem;min-height:37.9rem;display:flex;}

.nmletext {width:38%;min-height: 37.9rem;position: relative;height: 100%;display: flex;align-items: center;justify-content: flex-start;color: #222;font-family: Pretendard;font-size:3rem;font-style: normal;font-weight: 700;line-height: 4.2rem;}
.nmrightinfo {width:62%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.nmlitem {width:100%;display: flex;height: 50%;position: relative;align-items: center;justify-content: flex-start;}
.nmlborb{border-bottom:1px solid #eee;}
.nmlitem span{width:9rem;margin-right:2rem;display:inline-block;color: #222;font-family: 'Noto Sans JP', sans-serif;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height:2.4rem;}
.nmlitem span img{height:1.4rem;}
.nmlitem at{display:inline-block;color: #222;font-family: 'Noto Sans JP', sans-serif;font-size: 1.8rem;font-style: normal;font-weight: 400;line-height:2.4rem;}
.nmlitem a{display:inline-block;color: #222;font-family: 'Noto Sans JP', sans-serif;font-size: 1.8rem;font-style: normal;font-weight: 400;line-height:2.4rem;}
.nmlitem img.trem_eamil{height:1.7rem;}
@media (max-width:991px) {
	.nmloWrap {border-top: none;padding: 1rem 0rem 4rem 0;}
	.nmlobox {border-bottom: 1px solid #eee;padding: 3rem 0;min-height: auto;display: block;}
	.nmletext {margin-bottom: 2rem;width: 100%;min-height: auto;display: block;font-size: 1.8rem;line-height: 2.4rem;}
	.nmlborb {margin-bottom:1.4rem;border-bottom: none;}
	.nmlitem span {width: 6rem;margin-right: 1rem;font-size: 1.4rem;line-height: 1.6rem;}
	.nmlitem at {font-size: 1.4rem;line-height: 1.6rem;}
	.nmlitem a {font-size: 1.4rem;line-height: 1.6rem;}
	.nmlitem span img {height: 1.1rem;}
	.nmlitem img.trem_eamil{height:1.4rem;}
}
@media (max-width:767px) {
	.nmloWrap {border-top: none;padding: 1rem 2rem 3rem 2rem;}
	.nmletext {margin-bottom: 3rem;font-size: 1.8rem;line-height: 2rem;}
	.nmlitem span {width: 5rem;margin-right: 1rem;font-size: 1.4rem;line-height: 1.6rem;}
}
/* == // 새로운 컨텐정보 영역 == */



.acadBox{
	border-top:1px solid #222;
	padding:6rem 0rem;
	width:100%;
	height:100%;
	position:relative;
}
.acad{
	width:100%;
	position:relative;
}
.acad li{
	width:100%;
	position:relative;
	padding:3.4rem 0rem;
	border-bottom:1px solid #f5f5f5;
}
.acad li:nth-child(1){
	padding:0rem 0rem 3.4rem 0rem;
}
.acad li:last-child{
	padding:3.4rem 0rem 0rem 0rem;
	border-bottom:none;
}
.acad li p{
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
font-size: 2.4rem;
font-weight: 700;
line-height: 3.2rem;
letter-spacing: 0em;
text-align: left;
color:#222;
margin-bottom:1.8rem;
}
.acad li dl{
	width:100%;
	display:flex;
}
.acad li dl dt {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.acad li dl dt span{
	font-family: 'Noto Sans JP', sans-serif;
font-size: 1.7rem;
font-weight: 700;
line-height: 2.3rem;
letter-spacing: 0em;
text-align: left;
color:#222;
margin-right:2rem;
}
.acad li dl dt span img {
    height: 1.35rem;
}
.acad li dl dt a{
		font-family: 'Noto Sans JP', sans-serif;
font-size: 1.7rem;
font-weight: 400;
line-height: 2.3rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.acad li dl dt at{
		font-family: Pretendard;
font-size: 1.7rem;
font-weight: 400;
line-height: 2.3rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}



.acadmapbox{
	width:50%;
	top:0rem;
	right:0rem;
	position:absolute;
	height:100%;
}
.acadmapbox iframe{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
}
.mapinfobox{
	z-index:20;
	position:absolute;
	left:1rem;
	bottom:1rem;
	width:100%;
	padding:2.4rem;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.mapinfo{
	display:block;
	text-align:left;
}
.mapinfo span{
	display:block;
	text-align:left;
	color: #222;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.7rem;
font-weight: 700;
line-height: 2.3rem;
margin-bottom:0.6rem;
}
.mapinfo dl{
	display:block;
	text-align:left;
	color: #222;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.7rem;
font-style: normal;
font-weight: 400;
line-height: 2.3rem;
}
.mapicon {
    top: 2.4rem;
    right: 2.4rem;
    position: absolute;
}
.mapicon img{
	height:5.2rem;
}


.prformWrap{
	width:100%;
	background:#fff;
	position:relative;
	padding:14rem 2rem;
}
.prformSideBox{
	max-width:152rem;
	margin:0 auto;
	width:100%;
	position:relative;
}
.prformSideBox h2{
	display:block;
	margin-bottom:6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 5rem;
	font-weight: 600;
	line-height: 6.2rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}

.prformBox{width:100%; position:relative;}
.prformBox .prformArea {position:relative;display: flex; justify-content: space-between;}
.prformArea .prform:nth-child(1){margin-right:3rem;}
.prformArea .prform:nth-child(2){margin-left:3rem;}

.pressc{display:block;margin-bottom:2rem;}
.pressc dl {
    font-weight: 500;
    position: relative;
    right: 0rem;
    top: 0rem;
    padding-left: 1.2rem;
    font-size: 1.6rem;
}
.pressc dl:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0.6rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #e82222;
    border-radius: 50%;
}

.prform{
	width:100%;
	max-width:73rem;
	position:relative;
	border-top:1px solid #222222;
}
.prfBox{
	padding:3.1rem 2rem 3rem 20rem;
	width:100%;
	position:relative;
	background: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
}
.prft{padding:3.1rem 2rem 3rem 20rem!important;}
.prfBox label{
	position:absolute;
	left:2rem;
	top:3.1rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}
.prfBox label img{
	height:2.8rem;
}
.prinput{width:100%; position:relative; box-sizing: border-box;}
.prinput input{
	border:none;
	color:#222;
	outline:none;
	width:100%;
	height:2.8rem;
	position:relative;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 2.8rem;
	box-sizing: border-box;
}
.prinput input:focus {border:none; outline:none;}
.prinput input::placeholder{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
}
.prinput textarea {
	padding:0;
	resize: none; 
	border:none;
	box-sizing: border-box;
	height: 20.7rem;
	width: 100%;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	outline:none;
}
.prinput textarea::placeholder{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
}


.agree_checkBox {
    position: relative;
    margin-top: 2rem;
    display: flex;
    gap: 3rem;
}

.agree_check {
    position: relative;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    display: flex;
    margin-bottom: 0rem;
    align-items: center;
}
.agree_checkViewMore {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 2.8rem;
	color: #FFFFFF;
	opacity: 0.5;
	text-decoration:underline;
	cursor: pointer;
	margin-left: 2rem;
}
.agree_check input[type=checkbox].check-all+label em {
    left: 0;
    top: 50%;
    width: 1.8rem;
    height: 1.8rem;
    border: 2px solid #4c4c4c;
    position: absolute;
    border-radius: 0.3rem;
    transform: translateY(-50%);
}

.agree_check input[type=checkbox].check-all:checked+label em{
    left:0;
	top:50%;
	width: 2.2rem;
    height: 2.2rem;
	border:none;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/agcheck.png) no-repeat center / cover;
}
.agree_check input[type=radio].check-all+label em {
    left: 0;
    top: 50%;
    width: 1.8rem;
    height: 1.8rem;
    border: 2px solid #4c4c4c;
    position: absolute;
    border-radius: 0.3rem;
    transform: translateY(-50%);
}

.agree_check input[type=radio].check-all:checked+label em{
    left:0;
	top:50%;
	width: 2.2rem;
    height: 2.2rem;
	border:none;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/agcheck.png) no-repeat center / cover;
}
.agree_check input {
    position: absolute;
    display: none;
}

.agree_check label {
    font-weight: 700;
    padding-left: 2.4rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem!important;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    margin-left: 0.5rem;
    cursor: pointer;
}
.agree_check label span {
    text-decoration: underline;
    margin-left: 1rem;
    display: inline-block;
    color: #666;
}


.prbtnBox{display:block; margin-top:6rem; text-align:left;}
.prbtnBox button{
	position:relative;
	cursor:pointer;
	border:none;
	width: 24rem;
	height: 6.5rem;
	padding:1.5rem 3rem;
	background: #E82222;

	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 3.5rem;
	letter-spacing: 0em;
	text-align: left;
	color:#fff;
}
.prbtnBox button:after {
	content: '';
	width: 2.25rem;
	height: 1.1rem;
	position: absolute;
	right: 3rem;
	top: 2.6rem;
	background-image: url(../img/contact/prbtnarrow.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.dp_b {display: block !important;}
.dim {overflow: auto;width: 100%;height: 100%;display: none;text-align: center;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.4);z-index: 1000;}
.layerPopType{display:none;position:fixed;left:50%;transform:translateX(-50%);top:10rem;z-index:1200;width: 39.2rem;padding:4.4rem 3.6rem 3.2rem 3.6rem;background: #FFFFFF;border-radius: 0rem;}
.popHeader{display:block;text-align:center;}
.popHeader img{height:4rem;display:inline-block;}
.popHeader h4{margin-top:2rem;display:block;font-family: 'Noto Sans JP', sans-serif;font-size: 2.4rem;font-weight: 700;line-height: 3.4rem;letter-spacing: 0em;text-align: center;color:#444;margin-bottom:1.2rem;}
.popContents {text-align: center;display: block;}
.popContents p{display:block;font-family: 'Noto Sans JP', sans-serif;font-size:1.6rem;font-weight: 500;line-height: 2.4rem;letter-spacing: 0em;text-align: center;color:#9A9A9A;}

.popcBtnBox {display: flex;margin-top: 3.6rem;align-items: center;justify-content: center;}
.popcBtnBox .layerBtn {
	cursor:pointer;
    border: none;
    margin: 0rem 0.4rem 0rem 0.4rem;
    display: inline-block;
    width: 9rem;
    height: 4.4rem;
    background: #EBEDEF;
    border-radius: 0rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: center;
    color: #666;
}
.popcBtnBox .layerBtn:hover{background: #E82222;color: #fff;}


.person_about_wrap {
	margin-top:3rem;
    /* border-radius: 0.8rem; */
    /* height: 240px; */
    background-color: #fff;
    border: 1px solid #DDDDDD;
    /* overflow: hidden; */
    /* overflow-y: scroll; */
    margin-bottom: 1.4rem;
}
.person_about_inner {
    background: #F8F8F8;
    padding: 3rem;
}

.person_about_txt {
	color:#444;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.6rem;
}
.person_about_txt strong{
	display:block;
	font-size: 1.9rem;
	font-weight: 600;
	line-height: 3rem;
}
.person_about_txt dl{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.6rem;
	margin:0.6rem 0rem 0rem 0rem;
}
.person_b_title {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.6rem;
}
.person_sub_title {
    display: inline;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
}

.p_sub_txt {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2.6rem;
}
.poita {
    color: #555;
    line-height: 3rem;
    text-decoration: underline;
    font-size: 2rem;
    font-weight: 700!important;
}


@media (max-width:991px) {
	.contactWarp .about_introInner {padding:6rem 2rem 0rem 2rem;}
	
	.acadBoxInner {
		margin-top: 3rem;
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		padding-right: 0%;
	}
	.acadmapbox {
		padding-bottom: 70%;
		width: 100%;
		top: 0rem;
		right: 0rem;
		position: relative;
		height: 100%;
	}
	
	.acadBox {
		margin-top: 0rem;
		padding: 4rem 0rem;
		border-top:none;
	}
	.acad li {
		padding: 3rem 0rem;
	}
	.acad li:nth-child(1) {
		padding: 0rem 0rem 3rem 0rem;
	}
	.acad li:last-child {
		padding: 3rem 0rem 0rem 0rem;
	}
	.acad li p {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}
	.acad li dl {
		width: 100%;
		display: block;
	}
	.acad li dl dt {
		width: 100%;
	}
	.acad li dl dt:last-child{
		margin-top:1.4rem;
	}
	.acad li dl dt span {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-right: 0rem;
		width: 6rem;
	}
	.acad li dl dt a {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.acad li dl dt at {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	.contactWarp .subTop {margin-top:5rem; padding:6rem 0rem 0rem 2rem;}
	.prformWrap {padding: 4rem 2rem 6rem;}
	.prform {max-width:inherit;}
	.prformBox .prformArea {flex-direction: column;}
	.prformSideBox h2 {
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 3.4rem;
		margin-bottom: 3rem;
	}	
	.prfBox {display: flex; flex-direction: column; padding: 2rem 0rem 1rem 0rem;}
	.prft {padding: 2rem 0rem 2rem 0rem!important;}
	.prfBox label {
		top: 0;
		left: 0;
		position: relative;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
	.prinput input {
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 5rem;
		padding:0;
		height:5rem;
	}
	.prinput input::placeholder {
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 5rem;
	}
	.prformArea .prform:nth-child(2) {margin-left: 0;}
	.prinput textarea {
		padding:0;
		height:24rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-top: 1.7rem;
	}
	.prinput textarea::placeholder {font-size: 1.6rem; line-height: 2.4rem;}
	.prbtnBox {margin-top:3rem;}
	.prbtnBox button {width:100%; justify-content: center;}
}
@media (max-width:767px) {
	.contactWarp .about_introInner {
		padding: 6rem 0rem 0rem 0rem;
	}
	.contactWarp .about_introInner .titleBox{
		padding: 0rem 2rem;
	}
	
	.acad li dl dt span img {
		height: 1rem;
	}
	
	.pressc {
		display: block;
		margin-bottom: 1.4rem;
	}
	.pressc dl {
		padding-left: 1.2rem;
		font-size: 1.5rem;
	}
	
	.agree_check label {
		font-size: 1.6rem!important;
		line-height: 1.8rem;
	}
	
	.acadmapbox {
		padding-bottom: 110%;
		width: 100%;
		top: 0rem;
		right: 0rem;
		position: relative;
		height: 100%;
	}
	.mapinfobox {
		padding: 2rem;
	}
	.mapinfo span {
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-bottom: 0.6rem;
	}
	.mapinfo dl {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.mapicon {
		top: 2rem;
		right: 2rem;
	}
	.mapicon img {
		height: 3.8rem;
	}
	
	.acadBox {
		padding: 4rem 2rem;
	}
	
	.prfBox label {
		line-height:inherit;
	}
	.prfBox label img {
		height: 2rem;
	}	
	
	.person_about_inner {
		padding: 2rem 1rem 2rem 1rem;
	}
	.person_about_txt strong {
		display: block;
		font-size: 1.6rem;
		line-height: 2.2rem;
		letter-spacing: -1px;
	}
	.person_about_txt dl {
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 2rem;
		margin: 0.6rem 0rem 0rem 0rem;
		letter-spacing: -1px;
	}
	.poita {
		color: #555;
		line-height: 2.6rem!important;
		text-decoration: underline;
		font-size: 1.7rem!important;
		font-weight: 700!important;
	}
	.p_sub_txt {
		font-size: 1.3rem;
		font-weight: 300;
		line-height: 1.8rem;
		letter-spacing: -1px;
	}
	
	
	.layerPopType {
		width: 33rem;
		padding: 4.4rem 1rem 3.2rem 1rem;
		border-radius: 0rem;
	}
	.popHeader h4 {
		margin-top: 2rem;
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 1rem;
	}
}
/* ::::::::::: +++++++++++++ // ~ contact us END +++++++++++++ :::::::::::*/


/* ::::::::::: +++++++++++++ technology START ~ +++++++++++++ :::::::::::*/
.techWarp {position: relative;}

.techWarp .subTopInner {overflow:hidden;}

.techContInner {
    width: 100%;
    margin: 0 auto;
    max-width: 156rem;
    padding: 0rem 2rem 0rem;
    margin-bottom: 1rem;
}
.techContInner::before {
    content: '';
    width: 100%;
    height: 1rem;
    background: #F6f6f6;
    left: 0;
    bottom: -1rem;
    position: absolute;
}
.techTopNavWrap {position: sticky; top: 8rem; z-index: 3; background: #FFF;}
.techTopNav {
    width: 100%;
    display: flex;
    max-width: 152rem;
    padding: 0 2rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
}
.techTopNav li {width:calc(100%/5);}
.techTopNav li {
	color: #888;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2rem;
    padding:0;
	position:relative;
	border-bottom: 1px solid #DDD;
}
.techTopNav li::before {
    content: '';
    width: 0%;
    left: 0;
    bottom: 0%;
	height: 2px;
    background: #E82222;
	position: absolute;
    transition: all 0.6s;
    transform: translateY(50%);
}
.techTopNav li:hover{font-weight:600; color: #222;}
.techTopNav li:hover::before {width:100%;}
.techTopNav li.tech-active {font-weight:600; color:#222;}
.techTopNav li.tech-active::before {width:100%;}

.techTopNav li a {
    width: 100%;
    display: block;
    padding: 2.6rem 0;
}


.target {padding: 15rem 0 15rem; position:relative;}
/* .target::before {content:''; width:100%; height:1rem; background:#F6f6f6; left:0; bottom:-1rem; position: absolute;}  */
.techContBox {width:100%;}
.techContTop {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.techContTopLeft {width:100%;}

.techTitle {
	font-size: 5rem;
	font-weight: 600;
	line-height: 6.2rem;
	overflow:hidden;
}
.techTxt {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 3.4rem;
	margin-top:5rem;
}
.techContTopRight {
	height: 0;
    width: 39.5%;
    background: #f6f6f6;
    padding-bottom: 26.32%;
}
.techContTopRight img {width:100%; height:auto;}


/* 생산 공정 */
#section01 .techContTopLeft {width:100%;}

.ImgSlideGroup {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rem;
    justify-content: flex-start;
}
.InImgSlideBox {width:calc(100%/3 - 2.66666rem); margin-bottom: 4rem; margin-right: 4rem; position:relative; }
.InImgSlideBox:nth-child(3n) {margin-right: 0;}

.inSwiper {margin: 0;}
.InImgSlideBox .inSwiper {margin-right:0;}
.inslideFigure {width:100%; height:auto;}
.inslideFigure img {width:100%; height:auto; vertical-align: bottom;}

.inSwiper span.swiper-pagination-bullet {
	opacity: 1;
	width: 0.6rem;
    height: 0.6rem;
	background: none;
    border: 1px solid #FFF;
    box-sizing: border-box;
}

.inSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}



.inslideArrowGroup {
    background: blue;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 10;

}
.inSwiper .swiper-button-prev {
	width: 1.4rem;
    height: 2.6rem;
    position: relative;
    margin-top: 0;
    top: 0;
    background: #FFF;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/public/img/tech/inslide_arrow_left.png) no-repeat center / cover;
}

.inSwiper .swiper-button-next {
    width: 1.4rem;
    height: 2.6rem;
    position: relative;
    margin-top: 0;
    top: 0;
    background: #FFF;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/public/img/tech/inslide_arrow_right.png) no-repeat center / cover;
}


.inSwiper .swiper-button-prev:after {content:'';}
.inSwiper .swiper-button-next:after {content:'';}

.InImgTxt {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.7rem;
	margin-top:1.2rem;
}
/* // ~ 생산 공정 END */


/* 방사기술 */
.pcwCont {}
.pcwTitle {
	color: #222;
	font-family: Outfit;
	font-size: 3rem;
	font-weight: 500;
	line-height: 3.4rem;
	letter-spacing: 1.2px;
	padding-bottom:2.4rem;
	margin-bottom:2.4rem;
	position:relative;
}
.pcwTitle::before {
	content:'';
	width: 4rem;
	height: 1px;
	background:#222;
	position:absolute;
	left:0;
	bottom:0;
}
.pcwBtitle {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom:1.6rem;
}
.pcwstxt {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 2.6rem;
}
.preformance {margin-top: 10rem;}
.customizing {padding: 4rem 0; margin: 4rem 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}

.pcwList {
    display: flex;
}
.pcwList li {
    width: calc(100%/3);
    position: relative;
    border-right: 1px solid #EEE;
    margin-right: 5.8rem;
}
.pcwList li:last-child {margin-right: 0; border-right:none;}

.pcwListTBox  {
    padding: 0 2rem;
    text-align: left;
	color: #222;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.btech .tableWrap figure img {border-radius:1.2rem;}
/* // ~ 방사기술 END */



/* 시공 */
#section04 .techContTopLeft {width:100%;}
p.imgTxT {
    font-size: 1.6rem;
	line-height:2.4rem;
    font-weight: 300;
    margin-top: 1rem;
}
/* // ~ 시공 */



.tableWrap {
    width: 100%;
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.techContTable {
	border: none;
    min-width: 81rem;
    margin-top: 10rem;
    text-align: center;
}
.techContTable table {width:100%;}
.techContTable tr, .techContTable th, .techContTable td {border: none;}
.techContTable tr {border-bottom: 1px solid #EEE;}
.techContTable tr:first-child {border-bottom: 1px solid #222;}
.techContTable th {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.8rem;
    padding: 1.8rem 0;
    text-align: center;
}
.techContTable th:first-child {width: 19.75%; min-width: 30rem; max-width: 30rem;}
.techContTable th:last-child {}

.techContTable td {padding:1.8rem 0;}

.techContTable td {
    padding: 1.8rem 0;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2.8rem;
}
.techContTable td span {font-weight: 700;}
.techContTable td figure img {vertical-align: middle;}

.btech .techContTable th:first-child {
    width: 10.56%;
    min-width: 0rem;
    max-width: 16rem;
}

.techTitle {overflow:hidden;}

@media (max-width:991px) {
	.techWarp {position: relative; margin-top: 5rem; padding-top: 4rem;}
	.target {padding: 12rem 0 0;}
	.techContTop {flex-direction: column;}
	.techContTopLeft {width: 100%;}
	.techTitle {font-size: 2.2rem; line-height: 3.4rem;}
	.techTxt {font-size: 1.5rem; line-height: 2.6rem; margin-top: 2rem;}
	.techContTopRight {width: 100%; margin-top: 3rem; padding-bottom: 67%;}
	.tableWrap {overflow-x: scroll;}
	.techContTable {margin-top:6rem;}
	.techContTable th:first-child {width: 17.75%; min-width: 15rem; max-width: 15rem;}
	
	/* 생산공정 */
	.ImgSlideGroup {margin-top: 6rem; flex-direction: column;}
	.InImgSlideBox {width: 100%; margin-right: 0; margin-bottom: 3rem;}
	.InImgTxt {font-size: 1.5rem; line-height: 1.8rem;}
	p.imgTxT {font-size: 1.3rem; line-height:2.1rem; margin-top: 0.8rem;}
	
	/* 방사기술 */
	.preformance {margin-top: 8rem;}
	.pcwList {display: flex; flex-direction: column;}
	.pcwList li {width: 100%; border-right: none; margin-right: 0; margin-bottom: 1.8rem;}
	.btech .tableWrap {padding: 0 2rem;}
}

@media (max-width:810px) {
	.tableWrap {padding: 0; margin: 0 auto; padding-bottom: 2rem; width: calc(100% - 0rem);}
	#section02 .tableWrap {width: calc(100% - 4rem);}
	.btech .techContTable td {padding: 1.35rem; font-size: 1.3rem; line-height: 2.1rem;}
}

@media (max-width:767px) {
	.target {padding: 6rem 0 0;}
	.techContTable th {padding:1.35rem 0; font-weight: 600; font-size: 1.4rem; line-height: 2.1rem;}
	.techContTable td {padding: 1.35rem 0; font-size: 1.3rem; line-height: 2.1rem;}
	.btech .techContTable td {padding: 1.35rem; font-size: 1.3rem; line-height: 2.1rem;}
	/* 방사기술 */
	.preformance {margin-top: 6rem;}
	.pcwBtitle {font-size:1.6rem; margin-bottom:1rem;}
	.pcwstxt {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.28px;}
	.pcwTitle {font-size: 2rem; line-height: 2.8rem; letter-spacing: 0.8px; margin-bottom: 1.6rem; padding-bottom: 1.6rem;}
	.pcwTitle::before {width:2rem;}
	.customizing {padding: 2.6rem 0; margin: 0.8rem 0 2.6rem 0;}
	.techContTable {margin-top: 4rem;}
	
	.pcwListTBox {padding:0rem; font-size: 1.5rem; font-style: normal; line-height: 2.4rem;}
}

.tableWrap::-webkit-scrollbar {height: 4px;}
.tableWrap::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 3px;}
.tableWrap::-webkit-scrollbar-thumb {background: #222; border-radius: 3px;}
.tableWrap::-webkit-scrollbar-thumb:hover {background: #555; border-radius: 3px;}

.scrollTxt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.7rem;
    margin-top: 1rem;
	color: #666;
}
/* ::::::::::: +++++++++++++ // ~ technology END +++++++++++++ :::::::::::*/
.techTopNavBoxWrap {
	width: 100%;
	height: 6rem;
    padding: 0 2rem;
	margin-top: 6rem;
    box-sizing: border-box;
}
.techTopNavBoxGroup {
    position: relative;
    overflow: hidden;
    margin-top: 6rem;
	height: 0rem;
}
.techTopNavBox {width: 100%; z-index: 10; background: #FFF; position: relative; padding:0 2rem; box-sizing:border-box;}
.techTopNavBoxTop:hover .techTopNavBoxGroup {height: unset;}
.techTopNavBox li {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: left;
    background: #FFF;
    border-bottom: 1px solid #EEE;
	border-top: none;
    box-sizing: border-box;
}
.techTopNavBox li a {padding:0; width: 100%; display: block; box-sizing: border-box;}
.techTopNavBoxTop {
    width: 100%;
    height: 6rem;
	position:relative;
	border: 1px solid #eee;
}
p.techContTopTxt {
	top: 50%;
    left: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 6rem;
	position: absolute;
    transform: translateY(-50%);
}
.techTopNavBoxTop::before {
    content: '';
	top: 50%;
	right: 2rem;
    width: 1.2rem;
    height: 2.8rem;
    position: absolute;
	background: #f6f6f6;
	transform: translateY(-50%);
    background: url(../img/tech/arrow.png)no-repeat center / cover;
}
@media (max-width:991px) {
	.techTopNavBoxGroup {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
	.techTopNavBox li a {font-size: 1.5rem; line-height: 5rem; font-weight:400; color: #888; position:relative;}
	.techTopNavBox li:hover a {font-weight: 600; color:#222;}	
	.techTopNavBox li:hover a::before {
		content: '';
		top: 50%;
		right: 0rem;
		width: 0.6rem;
		height: 0.6rem;
		position: absolute;
		border-radius: 50%;
		background: #E82222;
		transform: translateY(-50%);
	}
}
.makerGroup {
	width: 100%;
    display: flex;
    align-items: center;
	max-width: 108rem;
    margin: 10rem auto 0;
    position: relative;
    padding: 0 2rem;
    justify-content: space-between;
}

.makerfigure {width: 100%; display: flex; justify-content: space-between;}
.gmaker {width: 17.308%; margin-right: 0;}
.gmaker img {width:100%; height:auto;}
.makerTitle {
    top: 50%;
	left: 50%;
	position: absolute;
    transform: translate(-50%,-50%);
}
.makerTitle .btitle {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
    text-align: center;
    margin-bottom: 2rem;
}
.makerTitle .stitle {
	font-size: 2rem;
	font-weight: 500;
	line-height: 3rem;
	text-align: center;
}
.gprize {width: 17.405%;}
.gprize img {width:100%; height:auto;}

/* section03 인증 */
/* #section03 {overflow: hidden;} */
#section03 .mySwiper .swiper-wrapper {flex-wrap: wrap; flex-direction: row;}
#section03 .mySwiper .swiper-slide {margin-top: 4rem!important;}

.tableImgWrap {width: 100%; height: auto; margin-top: 10rem;}
.tableImgWrap img {width:100%;}
.re_listWrap {width:100%; margin-top:6rem;}

.re_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.re_listBox {width: calc(100%/3 - 2.6666rem); margin-top:4rem; position:relative;}

.countCircle {
    width: 4rem;
    height: 4rem;
	z-index: 2;
    border-radius: 50%;
    background: #006FBC;
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-family: 'Outfit';
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.7rem;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.re_listWrap figure {width:100%; height:auto;}
.re_listWrap figure img {width:100%; height:auto;vertical-align: bottom;}
.re_listWrap  .imgTitle {
	line-height: 2.7rem;
	font-size: 1.8rem;
	margin-top:1.4rem;
	font-weight: 500;
	color:#222;
}

@media (max-width:991px) {
	#section03 .techContInner {padding-bottom: 6rem;}
	.re_listWrap {margin-top:3rem;}
	.re_listBox {width: calc(100%/2 - 2rem); margin-top:3rem;}
}
@media (max-width:767px) {.re_listBox {width: calc(100%);}}

/* section06 인증 */
#section06 {background:url(../img/tech/s06_bg.jpg) no-repeat center / cover;}
.s06Title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 4.2rem;
    margin: 5rem 0 3rem;
}
.s06Txt p {
	font-size: 2rem;
	font-weight: 300;
	position:relative;
	line-height: 2.7rem;
	padding-left:1.7rem;
	margin-bottom:1.2rem;
}
.s06Txt p::before {
	left:0;
	top:50%;
	content:'';
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background:#E82222;
	position:absolute;
	transform:translateY(-50%);
}
.s06cer {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin-top: 2rem;
	justify-content: flex-start;
}
.s06cer li {width: calc(100%/5 - 4.8rem); margin-top:6rem; margin-right:6rem;}
.s06cer li:nth-child(4) {
    width: 23.685%;
    margin-right: 0;
}
.s06cer li:nth-child(9) {margin-right:0;}
.s06cer li figure {width:100%; height:auto; box-shadow: 4.567165851593018px 4.567165851593018px 4.567165851593018px 0px rgba(0, 0, 0, 0.20);}
.s06cer li figure img {width:100%; height:auto; vertical-align: bottom;}
.cerName {
	margin-top:2rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 3rem;
	text-align: left;
}
.s06cerThree {
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: flex-start;
}
.s06cerThree li {margin-top:6rem;}
.s06cerThree li figure {width: 100%; height: auto;}
.s06cerThree li figure img {width: 100%; height: auto; vertical-align: bottom;}


.s06cerThree li {width: 16.843%; margin-top: 6rem; margin-right: 6rem; }
.s06cer li:last-child {margin-right: 0rem; }

@media (max-width:1300px) {
	/* .s06cer li:nth-child(4) {width: 76.12%; margin-right: 0;} */
	/* .s06cer li.fih {width: 83%;} */
	/* .s06cer li.ipema {width: 76.12%;} */
}
@media (max-width:991px) {
	.s06cer li:nth-child(4) {width: 76.12%; margin-right: 0;}
	.s06cer li.fih {width: 83%;}
	.s06cer li.ipema {width: 76.12%;}
	
	.gmaker {margin-right:3rem;}
	.makerGroup {flex-direction: column; margin-top:6rem; padding-bottom:6rem;}
	.makerfigure {justify-content: center;}
	.makerTitle {top: unset; left: unset; margin-top: 3rem; transform: unset; position: relative;}
	.tableImgWrap {height:auto; margin-top:6rem; overflow-y:scroll;}
	.tableImgWrap img {width: 81rem;}
	.countCircle {top: 1rem; left: 1rem; width: 3rem; height: 3rem; font-size: 1.2rem;}
	.re_listWrap .imgTitle {margin-top: 1.2rem; font-size: 1.5rem; line-height: 1.9rem;}
	#section04 {padding-bottom: 6rem;}
	#section05.target {padding-bottom: 6rem;}
	#section06 .techContInner {padding-bottom: 6rem; margin-bottom:0;}
	#section06 .techContInner::before {display:none;}
	h2.s06Title {font-size: 1.6rem; line-height: 2.4rem; margin: 2rem 0;}
	
	.s06Txt p {font-size: 1.5rem; line-height: 2.6rem; padding-left: 1.2rem; margin-bottom: 0.8rem;}
	.s06Txt p::before {top:26%;}
	.s06cer {margin-top: 3rem; margin-right:2rem; justify-content: space-between;}
	.s06cer li {width: calc(100%/2 - 1rem); margin-top: 3rem; margin-right: 0rem;}
	
	.s06cerThree {flex-direction: column;}
	
	.s06cerThree li {margin-top: 3rem; min-width: inherit;}
	.s06cerThree li:nth-child(1) {width: calc(50% - 1rem)!important;}
	.s06cerThree li:nth-child(2) {width: 85.7%;}
	.s06cerThree li:nth-child(3) {width: 63.6%;}
	.s06cerThree li:nth-child(4) {width: 69%;}
}

@media (max-width:767px) {
	.gmaker {width:9.5rem;}
	.gprize {width:9.5rem;}
	.cerName {
		margin-top: 1.4rem;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 2rem;
		text-align: left;
	}
}