@charset "utf-8";



.subCon {width:100%; position:relative; margin:0 auto; padding:0;}
.subCon .inner {width:100%; max-width:1830px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.subCon .titleArea {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.subCon .titleArea p,
.subCon .titleArea a {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; color:#000; box-sizing:border-box;}
.subCon .titleArea .t1 {font-size:40px; line-height:46px; font-weight:300;}
.subCon .titleArea .t1.sm {font-size:2em; line-height:1.2em;}
.subCon .titleArea .t2 {font-size:15px; line-height:22px; font-weight:500; margin:30px auto 0;}
.subCon .titleArea .t3 {font-size:16px; line-height:20px; font-weight:500;}
.subCon .titleArea .t3.ticker {padding:0 0 70px 0;}
.subCon .titleArea .t3.ticker:after {display:block; content:''; width:1px; height:35px; background:#000; position:absolute; bottom:17.5px; left:50%;}
.subCon .titleArea .b1 {width:100px; height:18px; font-size:12px; line-height:18px; font-weight:500; margin:40px auto 0;}
.subCon .titleArea .tit {font-size:48px; line-height:54px; font-weight:300; margin:0 auto 50px;}
.subCon .titleArea .con {font-size:18px; line-height:32px; font-weight:300; margin:50px auto 0;}
.subCon .titleArea .img {position:relative; text-align:center;}
.subCon .titleArea .img img {max-width:100%; vertical-align:top;}


@media screen and (max-width:1280px){
  .subCon {margin:120px auto 0;}
  .subCon .titleArea {margin:0 auto 50px;}
  .subCon .titleArea .t1 {font-size:34px; line-height:40px;}
  .subCon .titleArea .tit {font-size:42px; line-height:48px; margin:0 auto 45px;}
  .subCon .titleArea .con {font-size:16px; line-height:30px; margin:45px auto 0;}
}

@media screen and (max-width:1080px){
  .subCon {margin:100px auto 0;}
  .subCon .titleArea {margin:0 auto 45px;}
  .subCon .titleArea .t1 {font-size:30px; line-height:34px;}
  .subCon .titleArea .t2 {font-size:14px; line-height:21px; margin:25px auto 0;}
  .subCon .titleArea .t3 {font-size:15px;}
  .subCon .titleArea .t3.ticker {padding:0 0 50px 0;}
  .subCon .titleArea .t3.ticker:after {height:30px; bottom:10px;}
  .subCon .titleArea .b1 {margin:30px auto 0;}
  .subCon .titleArea .tit {font-size:36px; line-height:42px; margin:0 auto 40px;}
  .subCon .titleArea .con {font-size:16px; line-height:28px; margin:40px auto 0;}
}

@media screen and (max-width:768px){
  .subCon {margin:70px auto 0;}
  .subCon .titleArea {margin:0 auto 40px;}
  .subCon .titleArea .t1 {font-size:26px; line-height:30px;}
  .subCon .titleArea .t3.ticker {padding:0 0 40px 0;}
  .subCon .titleArea .t3.ticker:after {height:20px; bottom:10px;}
  .subCon .titleArea .tit {font-size:32px; line-height:38px; margin:0 auto 35px;}
  .subCon .titleArea .con {font-size:15px; line-height:28px; margin:35px auto 0;}
}

@media screen and (max-width:640px){
  .subCon {margin:60px auto 0;}
  .subCon .titleArea {margin:0 auto 35px;}
  .subCon .titleArea .t1 {font-size:24px; line-height:28px;}
  .subCon .titleArea .t2 {font-size:13px; line-height:20px; margin:20px auto 0;}
  .subCon .titleArea .t3 {font-size:14px;}
  .subCon .titleArea .t3.ticker {padding:0 0 30px 0;}
  .subCon .titleArea .t3.ticker:after {height:15px; bottom:7.5px;}
  .subCon .titleArea .b1 {margin:25px auto 0;}
  .subCon .titleArea .tit {font-size:28px; line-height:34px; margin:0 auto 30px;}
  .subCon .titleArea .con {font-size:14px; line-height:24px; margin:30px auto 0;}
}

@media screen and (max-width:480px){
  .subCon {margin:50px auto 0;}
  .subCon .titleArea {margin:0 auto 30px;}
  .subCon .titleArea .t1 {font-size:22px; line-height:24px;}
  .subCon .titleArea .t2 {font-size:12px; margin:15px auto 0;}
  .subCon .titleArea .t3 {font-size:13px;}
  .subCon .titleArea .t3.ticker {padding:0 0 20px 0;}
  .subCon .titleArea .t3.ticker:after {height:10px; bottom:5px;}
  .subCon .titleArea .b1 {margin:20px auto 0;}
  .subCon .titleArea .tit {font-size:24px; line-height:30px; margin:0 auto 25px;}
  .subCon .titleArea .con {font-size:13px; line-height:22px; margin:25px auto 0;}
}



/* 서브 최상단 배너 영역 :: S */
.subTopBannerWrap {width:100%; max-width:1830px; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.subTopBannerWrap .banner {width:100%; height:452px; position:relative; margin:0 auto; border-radius:15px; overflow:hidden; background-size:cover !important; z-index:5;}
.subTopBannerWrap .banner .mov {width:100%; height:300%; position:absolute; top:-100%; left:0; margin:0; padding:0; box-sizing:border-box;}
.subTopBannerWrap .banner .mov video {display:block; width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box; z-index:3;}
.subTopBannerWrap .banner .mov:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:5;}
.subTopBannerWrap .typo {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
.subTopBannerWrap .typo .disT {}
.subTopBannerWrap .typo .disTC {text-align:center; vertical-align:middle; padding:0; box-sizing:border-box;}
.subTopBannerWrap .typo p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.subTopBannerWrap .typo .t1 {font-size:30px; line-height:34px; font-weight:500; color:#fff;}

.subTopBannerWrap.intro .banner {/* background:url('/public/images/intro/cm_sub_intro_top_banner_bg_2.jpg') center center no-repeat; */ background:url('/public/images/intro/cm_sub_intro_top_banner_bg_2_20250724_1.jpg') center center no-repeat;}
.subTopBannerWrap.history .banner {/* background:url('/public/images/history/cm_sub_history_top_banner_bg_1.jpg') center center no-repeat; */ background:url('/public/images/intro/cm_sub_intro_top_banner_bg_2_20250724_1.jpg') center center no-repeat;}
.subTopBannerWrap.certification .banner {/* background:url('/public/images/certification/cm_sub_certification_top_banner_bg_1.jpg') center center no-repeat; */ background:url('/public/images/intro/cm_sub_intro_top_banner_bg_2_20250724_1.jpg') center center no-repeat;}
.subTopBannerWrap.location .banner {/* background:url('/public/images/location/cm_sub_location_top_banner_bg_1.jpg') center center no-repeat; */ background:url('/public/images/intro/cm_sub_intro_top_banner_bg_2_20250724_1.jpg') center center no-repeat;}

.subTopBannerWrap.product .banner {background:url('/public/images/product/cm_sub_product_top_banner_bg_2.jpg') center center no-repeat;}

.subTopBannerWrap.work .banner {background:url('/public/images/work/cm_sub_work_top_banner_bg_1.jpg') center center no-repeat;}
.subTopBannerWrap.work._1 .banner {background:url('/public/images/work/cm_sub_work_top_banner_bg_1_20250728_1.jpg') center center no-repeat;}
.subTopBannerWrap.work._2 .banner {background:url('/public/images/work/cm_sub_work_top_banner_bg_2_20250630_1.jpg') center center no-repeat;}
.subTopBannerWrap.work._2_1 .banner {/* background:url('/public/images/work/cm_sub_work_top_banner_bg_2_1_20250630_1.jpg') center center no-repeat; */ background:url('/public/images/work/cm_sub_work_top_banner_bg_2_1_20250714_1.jpg') center center no-repeat;}
.subTopBannerWrap.work._3 .banner {/* background:url('/public/images/work/cm_sub_work_top_banner_bg_3_20250630_1.jpg') center center no-repeat; */ background:url('/public/images/work/cm_sub_work_top_banner_bg_3_20250724_1.jpg') center center no-repeat;}
.subTopBannerWrap.work._4 .banner {/* background:url('/public/images/work/cm_sub_work_top_banner_bg_5_20250709_1.jpg') center center no-repeat; */ background:url('/public/images/work/cm_sub_work_top_banner_bg_5_20250714_1.jpg') center center no-repeat;}

.subTopBannerWrap.data .banner {background:url('/public/images/data/cm_sub_data_top_banner_bg_1.jpg') center center no-repeat;}
.subTopBannerWrap.data._1 .banner {background:url('/public/images/data/cm_sub_data_top_banner_bg_1_20250724_1.jpg') center center no-repeat;}
.subTopBannerWrap.data._2 .banner {background:url('/public/images/data/cm_sub_data_top_banner_bg_2_20250709_1.jpg') center center no-repeat;}
.subTopBannerWrap.data._3 .banner {background:url('/public/images/data/cm_sub_data_top_banner_bg_3_20250709_1.jpg') center center no-repeat;}

html body .subPageMenu {width:100%; max-width:1830px; position:relative; margin:15px auto 0; padding:0 15px; box-sizing:border-box;}
html body .subPageMenu ul {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; border-bottom:1px solid #d6d6d6;}
html body .subPageMenu ul li {display:inline-block; position:relative; vertical-align:middle; margin:0 30px 0 0; padding:0;}
html body .subPageMenu ul li:last-child {margin:0;}
html body .subPageMenu ul li a {display:block; height:60px; font-size:18px; line-height:60px; font-weight:500; color:#333; border-bottom:2px solid transparent;}
html body .subPageMenu ul li a.active,
html body .subPageMenu ul li a:hover {font-weight:700; color:#000; border-bottom:2px solid #000;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
	.subTopBannerWrap .banner {height:420px;}
	.subTopBannerWrap .typo .t1 {font-size:28px; line-height:32px;}
}

@media screen and (max-width:960px){
	.subTopBannerWrap .banner {height:400px;}
	.subTopBannerWrap .banner .mov {width:150%; height:150%; top:-25%; left:-25%;}
	.subTopBannerWrap .typo .t1 {font-size:26px; line-height:30px;}

	html body .subPageMenu {margin:12px auto 0;}
	html body .subPageMenu ul li {margin:0 25px 0 0;}
	html body .subPageMenu ul li:last-child {margin:0;}
	html body .subPageMenu ul li a {height:50px; font-size:16px; line-height:50px;}
}

@media screen and (max-width:768px){
	.subTopBannerWrap .banner {height:360px;}
	.subTopBannerWrap .typo .t1 {font-size:24px; line-height:28px;}

	html body .subPageMenu {margin:10px auto 0;}
	html body .subPageMenu ul li {margin:0 20px 0 0;}
	html body .subPageMenu ul li:last-child {margin:0;}
	html body .subPageMenu ul li a {height:40px; font-size:14px; line-height:40px;}
}

@media screen and (max-width:640px){
	.subTopBannerWrap .banner {height:320px;}
	.subTopBannerWrap .typo .t1 {font-size:20px; line-height:26px;}

	html body .subPageMenu {margin:0 auto;}
	html body .subPageMenu ul li {margin:0 15px 0 0;}
	html body .subPageMenu ul li:last-child {margin:0;}
	html body .subPageMenu ul li a {height:36px; font-size:13px; line-height:36px;}
}

@media screen and (max-width:480px){
	.subTopBannerWrap .banner {height:300px;}
	.subTopBannerWrap .banner .mov {width:200%; height:200%; top:-50%; left:-50%;}
	.subTopBannerWrap .typo .t1 {font-size:18px; line-height:24px;}

	html body .subPageMenu ul li {margin:0 10px 0 0;}
	html body .subPageMenu ul li:last-child {margin:0;}
}

@media screen and (max-width:360px){

}
/* 서브 최상단 배너 영역 :: E */



/* 인사말 > 기본정보 영역 :: S */
.introInfoWrap {}

.introInfoWrap .titleArea {}
.introInfoWrap .titleArea .tit {}
.introInfoWrap .titleArea .img {}
.introInfoWrap .titleArea .img img.pc {display:inline;}
.introInfoWrap .titleArea .img img.mo {display:none;}
.introInfoWrap .titleArea .con {max-width:1500px; text-align:left;}


@media screen and (max-width:768px){
  .introInfoWrap .titleArea .img img.pc {display:none;}
  .introInfoWrap .titleArea .img img.mo {display:inline;}
}
/* 인사말 > 기본정보 영역 :: E */



/* 연혁 > 기본정보 영역 :: S */
.historyInfoWrap {}

.historyInfoWrap .category-tab {width:100%; text-align:center; margin:0 auto 60px;}
.historyInfoWrap .category-tab a {display:inline-block; position:relative; vertical-align:top; margin:0 80px 0 0; font-size:24px; line-height:28px; padding:0 0 25px 0; font-weight:700; color:#aaa;}
.historyInfoWrap .category-tab a:last-child {margin:0;}
.historyInfoWrap .category-tab a.active {color:#000;}
.historyInfoWrap .category-tab a.active:after {display:block; content:''; width:12px; height:12px; background:#000; border-radius:50%; position:absolute; bottom:0; left:50%; margin:0 0 0 -6px;}

.historyInfoWrap .category-con {width:100%; padding:0 50% 0 0; box-sizing:border-box;}

.historyInfoWrap .category-con .historyImg {width:100%; position:relative;}
.historyInfoWrap .category-con .historyImgSlider {width:100%; position:relative;}
.historyInfoWrap .historyImgSlider .swiper-slide {position:relative; border-radius:10px; overflow:hidden;}
.historyInfoWrap .historyImgSlider .swiper-slide .img {display:block; width:100%; position:relative;}
.historyInfoWrap .historyImgSlider .swiper-slide .img img {width:100%; vertical-align:top;}
.historyInfoWrap .historyImgSlider .swiper-slide .desc {width:100%; padding:30px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);}
.historyInfoWrap .historyImgSlider .swiper-slide .desc p {display:block; width:100%; text-align:center; font-size:20px; line-height:24px; font-weight:500; color:#fff; margin:0 auto; padding:0;}

.historyInfoWrap .historyImgSlider .swiper-arrow {width:13px; height:24px; top:auto; bottom:30px; margin-top:0; background-size:cover !important;}
.historyInfoWrap .historyImgSlider .swiper-arrow:after {display:none;}
.historyInfoWrap .historyImgSlider .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat; left:30px;}
.historyInfoWrap .historyImgSlider .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; right:30px;}

.historyInfoWrap .category-con .historyInfo {width:50%; height:100%; position:absolute; top:0; right:0; padding:0 0 0 5%; box-sizing:border-box;}
.historyInfoWrap .category-con .historyInfo .disT {}
.historyInfoWrap .category-con .historyInfo .disTC {text-align:left; vertical-align:middle;}
.historyInfoWrap .historyInfo .infoRect {width:100%; position:relative; margin:0 auto 60px; padding:0 0 0 90px; box-sizing:border-box;}
.historyInfoWrap .historyInfo .infoRect:last-child {margin:0 auto;}
.historyInfoWrap .historyInfo .infoRect p,
.historyInfoWrap .historyInfo .infoRect dl,
.historyInfoWrap .historyInfo .infoRect dt,
.historyInfoWrap .historyInfo .infoRect dd {display:block; position:relative; box-sizing:border-box; margin:0; padding:0; font-size:20px; line-height:26px;}
.historyInfoWrap .historyInfo .infoRect .year {width:90px; position:absolute; top:0; left:0; font-weight:500; color:#000;}
.historyInfoWrap .historyInfo .infoRect dl {overflow:hidden; margin:0 auto 15px;}
.historyInfoWrap .historyInfo .infoRect dl:last-child {margin:0 auto;}
.historyInfoWrap .historyInfo .infoRect dl dt {width:50px; float:left; font-weight:500; color:#888;}
.historyInfoWrap .historyInfo .infoRect dl dd {width:calc(100% - 50px); float:left; font-weight:400; color:#000;}


.historyInfoWrap .category-con {padding:0; text-align:center;}
.historyInfoWrap .category-con .historyImg {display:inline-block; width:calc(50% - 5px); vertical-align:top;}
.historyInfoWrap .category-con .historyInfo {display:inline-block; width:calc(50% - 5px); vertical-align:top; position:relative; top:auto; left:auto; right:auto; bottom:auto;}


@media screen and (max-width:1280px){
  .historyInfoWrap .category-con .historyInfo {padding:0 0 0 3%;}
  .historyInfoWrap .historyInfo .infoRect {margin:0 auto 50px; padding:0 0 0 70px;}
  .historyInfoWrap .historyInfo .infoRect:last-child {margin:0 auto;}
  .historyInfoWrap .historyInfo .infoRect p,
  .historyInfoWrap .historyInfo .infoRect dl,
  .historyInfoWrap .historyInfo .infoRect dt,
  .historyInfoWrap .historyInfo .infoRect dd {font-size:18px; line-height:24px;}
  .historyInfoWrap .historyInfo .infoRect .year {width:70px;}
  .historyInfoWrap .historyInfo .infoRect dl {margin:0 auto 12px;}
  .historyInfoWrap .historyInfo .infoRect dl:last-child {margin:0 auto;}
  .historyInfoWrap .historyInfo .infoRect dl dt {width:40px;}
  .historyInfoWrap .historyInfo .infoRect dl dd {width:calc(100% - 40px);}
}

@media screen and (max-width:1080px){
  .historyInfoWrap .category-con .historyInfo {padding:0 0 0 2.5%;}
  .historyInfoWrap .historyInfo .infoRect {padding:0 0 0 60px;}
  .historyInfoWrap .historyInfo .infoRect:last-child {margin:0 auto;}
  .historyInfoWrap .historyInfo .infoRect p,
  .historyInfoWrap .historyInfo .infoRect dl,
  .historyInfoWrap .historyInfo .infoRect dt,
  .historyInfoWrap .historyInfo .infoRect dd {font-size:16px; line-height:22px;}
  .historyInfoWrap .historyInfo .infoRect .year {width:60px;}
  .historyInfoWrap .historyInfo .infoRect dl {margin:0 auto 10px;}
  .historyInfoWrap .historyInfo .infoRect dl:last-child {margin:0 auto;}
  .historyInfoWrap .historyInfo .infoRect dl dt {}
  .historyInfoWrap .historyInfo .infoRect dl dd {}

  .historyInfoWrap .historyImgSlider .swiper-slide .desc {padding:20px 30px;}
  .historyInfoWrap .historyImgSlider .swiper-slide .desc p {font-size:18px; line-height:22px;}

  .historyInfoWrap .historyImgSlider .swiper-arrow {bottom:18px;}
}

@media screen and (max-width:960px){
  .historyInfoWrap .historyInfo .infoRect {margin:0 auto 40px;}

  .historyInfoWrap .historyImgSlider .swiper-slide .desc {padding:20px 15px;}
  .historyInfoWrap .historyImgSlider .swiper-slide .desc p {font-size:16px; line-height:20px;}

  .historyInfoWrap .category-con {padding:0;}

  .historyInfoWrap .category-con .historyInfo {width:100%; height:auto; position:relative; top:auto; right:auto; margin:50px auto 0;}

  .historyInfoWrap .historyImgSlider .swiper-arrow {bottom:18px;}
  .historyInfoWrap .historyImgSlider .swiper-button-prev {left:15px;}
  .historyInfoWrap .historyImgSlider .swiper-button-next {right:15px;}
}

@media screen and (max-width:768px){
  .historyInfoWrap .historyInfo .infoRect {margin:0 auto 30px;}

  .historyInfoWrap .category-tab a {font-size:20px; line-height:24px; padding:0 0 20px 0; margin:0 30px 0 0;}
  .historyInfoWrap .category-tab a:last-child {margin:0;}

  .historyInfoWrap .historyInfo .infoRect p,
  .historyInfoWrap .historyInfo .infoRect dl,
  .historyInfoWrap .historyInfo .infoRect dt,
  .historyInfoWrap .historyInfo .infoRect dd {font-size:14px; line-height:20px;}
  .historyInfoWrap .historyInfo .infoRect .year {width:50px;}
  .historyInfoWrap .historyInfo .infoRect dl {margin:0 auto 8px;}
  .historyInfoWrap .historyInfo .infoRect dl:last-child {margin:0 auto;}
  .historyInfoWrap .historyInfo .infoRect dl dt {width:35px;}
  .historyInfoWrap .historyInfo .infoRect dl dd {width:calc(100% - 35px);}

  .historyInfoWrap .category-con .historyInfo {margin:40px auto 0;}
}

@media screen and (max-width:640px){
  .historyInfoWrap .historyInfo .infoRect {margin:0 auto 25px;}

  .historyInfoWrap .category-tab a {font-size:17px; line-height:20px; padding:0 0 15px 0; margin:0 20px 0 0;}
  .historyInfoWrap .category-tab a:last-child {margin:0;}

  .historyInfoWrap .category-con .historyInfo {margin:30px auto 0;}
}

@media screen and (max-width:480px){
  .historyInfoWrap .historyInfo .infoRect {margin:0 auto 20px;}

  .historyInfoWrap .category-tab a {font-size:15px; line-height:18px; padding:0 0 10px 0; margin:0 12px 0 0;}
  .historyInfoWrap .category-tab a.active:after {width:8px; height:8px; margin:0 0 0 -4px;}
  .historyInfoWrap .category-tab a:last-child {margin:0;}
}

@media screen and (max-width:360px){

}
/* 연혁 > 기본정보 영역 :: E */



/* 인증현황 > 기본정보 영역 :: S */
.certificationListWrap {}

.certificationListWrap .categoryArea {width:100%; position:relative; text-align:right; margin:0 auto 50px; padding:0;}
.certificationListWrap .categoryArea select {display:inline-block; position:relative; vertical-align:top; width:160px; height:46px; line-height:46px; padding:0 5px; box-sizing:border-box; border:1px solid #ccc; font-size:15px; font-weight:400; color:#333; margin:0 10px 0 0;}
.certificationListWrap .categoryArea select:last-child {margin:0;}

.certificationListWrap .certificationList {width:100%; position:relative;}
.certificationListWrap .certificationList ul {display:block; width:100%; position:relative; margin:0 auto; padding:0; overflow:hidden;}
.certificationListWrap .certificationList ul li {display:block; float:left; width:calc(25% - 30px); margin:0 40px 40px 0; position:relative;}
.certificationListWrap .certificationList ul li:nth-of-type(4n+4) {margin:0 0 40px 0;}
.certificationListWrap .certificationList ul li a {display:block; position:relative;}
.certificationListWrap .certificationList ul li a img {width:100%; vertical-align:top; box-sizing:border-box; border:1px solid #ccc;}
.certificationListWrap .certificationList ul li p {display:block; width:100%; text-align:center; position:relative; margin:5px auto 0; padding:0; font-size:13px; line-height:18px; font-weight:500; color:#555;}

.certificationListWrap .certificationList .certificationSlider {width:100%; position:relative;}
.certificationListWrap .certificationList .certificationSlider .swiper-slide {position:relative;}
.certificationListWrap .certificationList .certificationSlider .swiper-pagination {width:100%; height:6px; position:absolute; bottom:10px; left:0; top:auto; right:auto; text-align:center; margin:0; padding:0;}
.certificationListWrap .certificationList .certificationSlider .swiper-pagination span {display:inline-block; width:6px; height:6px; position:relative; vertical-align:top; margin:0 4px 0 0; background:#000;}
.certificationListWrap .certificationList .certificationSlider .swiper-pagination span:last-child {margin:0;}
.certificationListWrap .certificationList .certificationSlider .swiper-pagination span.swiper-pagination-bullet-active {}

html body .lb-dataContainer {}
html body .lb-dataContainer .lb-caption {display:block; width:100%; text-align:center; font-size:16px; line-height:22px; font-weight:600; color:#fff;}
html body .lb-dataContainer .lb-number {display:none !important;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .certificationListWrap .certificationList ul li {width:calc(25% - 15px); margin:0 20px 20px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(4n+4) {margin:0 0 20px 0;}
}

@media screen and (max-width:960px){
  .certificationListWrap .categoryArea {margin:0 auto 40px;}

  .certificationListWrap .certificationList ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 15px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(4n+4) {margin:0 15px 15px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(3n+3) {margin:0 0 15px 0;}
}

@media screen and (max-width:768px){
  .certificationListWrap .categoryArea {margin:0 auto 30px;}
  .certificationListWrap .categoryArea select {width:140px; height:40px; line-height:40px;}

  .certificationListWrap .certificationList ul li {width:calc(50% - 7.5px); margin:0 15px 15px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(4n+4) {margin:0 15px 15px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(3n+3) {margin:0 15px 15px 0;}
  .certificationListWrap .certificationList ul li:nth-of-type(2n+2) {margin:0 0 15px 0;}
}

@media screen and (max-width:640px){
  .certificationListWrap .categoryArea {margin:0 auto 20px;}
  .certificationListWrap .categoryArea select {width:120px; height:36px; line-height:36px;}
}

@media screen and (max-width:480px){
  .certificationListWrap .certificationList ul li {width:100% !important; margin:0 auto 15px !important;}
  .certificationListWrap .certificationList ul li:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){

}
/* 인증현황 > 기본정보 영역 :: E */



/* 오시는길 > 주소정보 영역 :: S */
.locationInfoWrap {}

.locationInfoWrap .mapArea {width:100%; height:0; overflow:hidden; position:relative; padding-bottom:40%;}
.locationInfoWrap .mapArea iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; border:0;}

.locationInfoWrap .addrInfo {width:100%; position:relative; margin:70px auto 50px; padding:0 0 50px 0; border-bottom:1px solid #ccc;
margin-bottom:0; padding-bottom:0; border-bottom:0;}
.locationInfoWrap .addrInfo p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#333;}
.locationInfoWrap .addrInfo .t1 {font-size:28px; line-height:32px; font-weight:600; margin:0 auto 15px;}
.locationInfoWrap .addrInfo .t2 {display:inline-block; font-size:14px; line-height:20px; font-weight:400; margin:0 30px 0 0;}
.locationInfoWrap .addrInfo .t2:last-child {margin:0;}
.locationInfoWrap .addrInfo .btns {position:absolute; top:50%; right:0; margin:-60px 0 0 0;}
.locationInfoWrap .addrInfo .btns a {display:inline-block; width:60px; height:60px; position:relative; vertical-align:top; margin:0 10px 0 0;}
.locationInfoWrap .addrInfo .btns a:last-child {margin:0;}
.locationInfoWrap .addrInfo .btns a img {max-width:100%; vertical-align:top;}

.locationInfoWrap .howToCome {width:100%; position:relative; padding:0 0 0 240px; box-sizing:border-box;
display:none !important;}
.locationInfoWrap .howToCome .t1 {display:block; width:240px; height:30px; font-size:24px; line-height:30px; font-weight:500; color:#000; position:absolute; top:0; left:0; margin:0;}
.locationInfoWrap .howToCome dl {display:block; width:100%; position:relative; margin:0 auto 40px; padding:0;}
.locationInfoWrap .howToCome dl:last-child {margin:0 auto;}
.locationInfoWrap .howToCome dl dt,
.locationInfoWrap .howToCome dl dd {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:16px; line-height:24px;}
.locationInfoWrap .howToCome dl dt {font-weight:600; color:#000; margin:0 auto 5px;}
.locationInfoWrap .howToCome dl dd {font-weight:400; color:#333; margin:0 auto 15px;}
.locationInfoWrap .howToCome dl dd:last-child {margin:0 auto;}


@media screen and (max-width:1280px){
  .locationInfoWrap .category-tab a {font-size:20px; line-height:26px; margin:0 25px 0 0;}
  .locationInfoWrap .category-tab a:last-child {margin:0;}
}

@media screen and (max-width:1080px){
  .locationInfoWrap .category-tab a {font-size:18px; line-height:24px; margin:0 20px 0 0;}
  .locationInfoWrap .category-tab a:last-child {margin:0;}

  .locationInfoWrap .addrInfo {margin:35px auto; padding:0 0 35px 0;}
  .locationInfoWrap .addrInfo .t1 {font-size:24px; line-height:28px; margin:0 auto 10px;}
  .locationInfoWrap .addrInfo .t2 {margin:0 20px 0 0; font-size:13px;}
  .locationInfoWrap .addrInfo .t2:last-child {margin:0;}

  .locationInfoWrap .howToCome {padding:0 0 0 200px;}
  .locationInfoWrap .howToCome .t1 {width:200px; font-size:20px; height:24px; line-height:24px;}
  .locationInfoWrap .howToCome dl {margin:0 auto 30px;}
  .locationInfoWrap .howToCome dl:last-child {margin:0 auto;}
  .locationInfoWrap .howToCome dl dt,
  .locationInfoWrap .howToCome dl dd {font-size:15px; line-height:22px;}
}

@media screen and (max-width:960px){
  .locationInfoWrap .category-tab a {font-size:16px; line-height:22px; margin:0 15px 0 0;}
  .locationInfoWrap .category-tab a:last-child {margin:0;}

  .locationInfoWrap .addrInfo .btns {position:relative; top:auto; right:auto; margin:5px 0 0 0; text-align:right;}
  .locationInfoWrap .addrInfo .btns a {width:36px; height:36px; margin:0 5px 0 0;}
  .locationInfoWrap .addrInfo .btns a:last-child {margin:0;}
}

@media screen and (max-width:768px){
  .locationInfoWrap .category-tab a {font-size:15px; line-height:20px; margin:0 10px 0 0;}
  .locationInfoWrap .category-tab a:last-child {margin:0;}

  .locationInfoWrap .addrInfo {margin:30px auto; padding:0 0 30px 0;}
  .locationInfoWrap .addrInfo .t1 {font-size:20px; line-height:24px;}
  .locationInfoWrap .addrInfo .t2 {margin:0 15px 0 0; font-size:12px;}
  .locationInfoWrap .addrInfo .t2:last-child {margin:0;}

  .locationInfoWrap .howToCome {padding:0 0 0 150px;}
  .locationInfoWrap .howToCome .t1 {width:150px; font-size:18px; height:22px; line-height:22px;}
  .locationInfoWrap .howToCome dl {margin:0 auto 25px;}
  .locationInfoWrap .howToCome dl:last-child {margin:0 auto;}
  .locationInfoWrap .howToCome dl dt,
  .locationInfoWrap .howToCome dl dd {font-size:14px; line-height:20px;}
}

@media screen and (max-width:640px){
  .locationInfoWrap .category-tab a {font-size:14px; line-height:18px;}

  .locationInfoWrap .howToCome {padding:0;}
  .locationInfoWrap .howToCome .t1 {width:100%; position:relative; top:auto; left:auto; margin:0 auto 20px;}
  .locationInfoWrap .howToCome dl {margin:0 auto 15px;}
  .locationInfoWrap .howToCome dl:last-child {margin:0 auto;}
  .locationInfoWrap .howToCome dl dt,
  .locationInfoWrap .howToCome dl dd {font-size:13px; line-height:18px;}
}

@media screen and (max-width:640px){
  .locationInfoWrap .category-tab a {font-size:13px;}
}
/* 오시는길 > 주소정보 영역 :: E */



/* PRODUCT > 그라피코 > 와이드배너 영역 :: S */
.wideBannerWrap {}

.wideBannerWrap .banner {width:100%; height:928px; position:relative; margin:0 auto; padding:0; background-size:cover !important; background:url('/public/images/product/cm_sub_product_sec_1_bg_1.jpg') center center no-repeat; border-radius:15px; overflow:hidden;}
.wideBannerWrap .banner .disT {z-index:5;}
.wideBannerWrap .banner .disTC {text-align:center; vertical-align:middle; padding:0 15px; box-sizing:border-box;}
.wideBannerWrap .banner p {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; color:#fff; box-sizing:border-box;}
.wideBannerWrap .banner .t1 {font-size:36px; line-height:40px; font-weight:600; margin:0 auto; padding:0;}
.wideBannerWrap .banner .t1:after {display:block; content:''; width:40px; height:1px; background:#fff; position:relative; margin:30px auto;}
.wideBannerWrap .banner .t2 {font-size:16px; line-height:24px; font-weight:400;}

.wideBannerWrap .banner .mov {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.wideBannerWrap .banner .mov:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:3;}
.wideBannerWrap .banner .mov video {display:block; width:100%; position:relative; z-index:1;}


@media screen and (max-width:1280px){
  .wideBannerWrap .banner {height:820px;}
}

@media screen and (max-width:1080px){
  .wideBannerWrap .banner {height:760px;}
  .wideBannerWrap .banner .t1 {font-size:32px; line-height:36px;}
  .wideBannerWrap .banner .t1:after {margin:25px auto;}
  .wideBannerWrap .banner .t2 {font-size:15px; line-height:22px;}
}

@media screen and (max-width:960px){
  .wideBannerWrap .banner {height:640px;}
  .wideBannerWrap .banner .t1 {font-size:28px; line-height:32px;}
  .wideBannerWrap .banner .t1:after {margin:20px auto;}
  .wideBannerWrap .banner .t2 {font-size:14px; line-height:22px;}
}

@media screen and (max-width:768px){
  .wideBannerWrap .banner {height:560px;}
  .wideBannerWrap .banner .t1 {font-size:24px; line-height:28px;}
  .wideBannerWrap .banner .t1:after {margin:20px auto;}
  .wideBannerWrap .banner .t2 {font-size:14px; line-height:20px;}
}

@media screen and (max-width:640px){
  .wideBannerWrap .banner {height:500px;}
  .wideBannerWrap .banner .t1 {font-size:20px; line-height:24px;}
  .wideBannerWrap .banner .t1:after {margin:15px auto;}
  .wideBannerWrap .banner .t2 {font-size:13px; line-height:20px;}
}

@media screen and (max-width:480px){
  .wideBannerWrap .banner {height:460px;}
}

@media screen and (max-width:360px){
  .wideBannerWrap .banner {height:420px;}
}
/* PRODUCT > 그라피코 > 와이드배너 영역 :: E */



/* PRODUCT > 그라피코 > 컨텐츠나열 영역 :: S */
.prdConListWrap {}

.prdConListWrap .conList {width:100%; position:relative; margin:0 auto 80px; padding:0; text-align:center;}
.prdConListWrap .conList:last-child {margin:0 auto;}
.prdConListWrap .conList .tit {display:block; text-align:center; position:relative; font-size:20px; line-height:20px; font-weight:600; color:#000; margin:0 auto 50px;}
.prdConListWrap .conList ul {display:inline-block; width:auto; height:auto; position:relative; text-align:center; margin:0 auto; padding:0;}
.prdConListWrap .conList ul li {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0;}
.prdConListWrap .conList ul li:last-child {margin:0;}
.prdConListWrap .conList ul li p,
.prdConListWrap .conList ul li a {display:block; position:relative; text-align:center; margin:0 auto; padding:0;}

.prdConListWrap._1 .conList ul li p {display:block; width:240px; height:240px; border-radius:50%; overflow:hidden; font-size:24px; line-height:30px; font-weight:600; color:#fff; background:#000; margin:0; padding:90px 10px; box-sizing:border-box;}
.prdConListWrap._1 .conList ul li:nth-of-type(2n+2) p {background:#383838;}

.prdConListWrap._2 .inner {background:#f6f5f3; border-radius:15px; overflow:hidden; padding:150px 0;}
.prdConListWrap._2 .conList ul:before {display:block; content:''; width:100%; height:1px; background:#d0cfcd; position:absolute; top:56%; left:0;}
.prdConListWrap._2 .conList ul li {margin:0 50px 0 0; text-align:center;}
.prdConListWrap._2 .conList ul li:last-child {margin:0;}
.prdConListWrap._2 .conList ul li:before {display:block; content:''; width:10px; height:10px; background:#888; border-radius:50%; position:absolute; top:57%; left:50%; margin:-5px 0 0 -5px;}
.prdConListWrap._2 .conList ul li .icon {}
.prdConListWrap._2 .conList ul li .icon img {max-width:100%; vertical-align:top;}
.prdConListWrap._2 .conList ul li .num {font-size:18px; line-height:20px; font-weight:300; color:#777; margin:40px auto 10px;}
.prdConListWrap._2 .conList ul li .name {font-size:14px; line-height:18px; font-weight:500; color:#333;}


@media screen and (max-width:1600px){
  .prdConListWrap._1 .conList ul li {}
  .prdConListWrap._1 .conList ul li p {width:200px; height:200px; font-size:20px; line-height:24px; padding:76px 10px;}
}

@media screen and (max-width:1300px){
  .prdConListWrap._1 .conList ul li p {width:180px; height:180px; font-size:18px; line-height:22px; padding:68px 10px;}
}

@media screen and (max-width:1280px){
  .prdConListWrap._1 .conList ul li p {width:150px; height:150px; font-size:16px; line-height:20px; padding:55px 10px;}

  .prdConListWrap._2 .conList ul li {margin:0 40px 0 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:0;}
}

@media screen and (max-width:1080px){
  .prdConListWrap._1 .conList ul li p {width:130px; height:130px; font-size:14px; line-height:18px; padding:47px 10px;}

  .prdConListWrap._2 .conList ul li {margin:0 30px 0 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:0;}
}

@media screen and (max-width:960px){
  .prdConListWrap._1 .conList ul li {display:block; width:33.33333333333333%; float:left; margin:15px 0;}
  .prdConListWrap._1 .conList ul li:last-child {margin:15px 0;}
  .prdConListWrap._1 .conList ul li p {margin:0 auto;}

  /*
  .prdConListWrap._2 .conList ul li {margin:0 20px 0 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:0;}
  */
  .prdConListWrap._2 .conList ul:before {display:none;}
  .prdConListWrap._2 .conList ul li {display:block; float:left; width:25%; margin:15px 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:15px 0;}
  .prdConListWrap._2 .conList ul li .num {font-size:16px; line-height:18px;}
  .prdConListWrap._2 .conList ul li .name {font-size:14px; line-height:16px;}
}

@media screen and (max-width:768px){
  /*
  .prdConListWrap._2 .conList ul:before {display:none;}
  .prdConListWrap._2 .conList ul li {display:block; float:left; width:25%; margin:15px 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:15px 0;}
  .prdConListWrap._2 .conList ul li .num {font-size:16px; line-height:18px;}
  .prdConListWrap._2 .conList ul li .name {font-size:14px; line-height:16px;}
  */
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
  .prdConListWrap._1 .conList ul li {width:50%;}
  .prdConListWrap._1 .conList ul li:last-child {margin:15px 0;}

  .prdConListWrap._2 .conList ul li {width:33.33333333333333%; margin:15px 0;}
  .prdConListWrap._2 .conList ul li:last-child {margin:15px 0;}
  .prdConListWrap._2 .conList ul li .num {font-size:15px; line-height:16px; margin:40px auto 5px;}
  .prdConListWrap._2 .conList ul li .name {font-size:13px; line-height:15px;}
}

@media screen and (max-width:360px){

}
/* PRODUCT > 그라피코 > 컨텐츠나열 영역 :: E */



/* PRODUCT > 그라피코 > 좌우측배너 영역 :: S */
.prdBannersWrap {}

.prdBannersWrap .inner {}
.prdBannersWrap .inner > div {width:100%; position:relative; padding:0 0 0 50%; box-sizing:border-box;}

.prdBannersWrap .inner ._col {position:relative; margin:0; padding:0; box-sizing:border-box;}

.prdBannersWrap .inner ._col.banner {width:100%;}
.prdBannersWrap .inner ._col.banner .img {width:100%; position:relative; box-sizing:border-box;}
.prdBannersWrap .inner ._col.banner .img img {max-width:100%; vertical-align:top;}
.prdBannersWrap .inner ._col.banner .img._1 {text-align:right; padding:0 0 0 8%;}
.prdBannersWrap .inner ._col.banner .img._2 {text-align:left; margin-top:-22.5%;}
.prdBannersWrap .inner ._col.banner .img._2 img {max-width:70%;}

.prdBannersWrap .inner ._col.txt {width:50%; height:100%; position:absolute; top:0; left:0; padding:0 5% 0 0;}
.prdBannersWrap .inner ._col.txt .disT {}
.prdBannersWrap .inner ._col.txt .disTC {text-align:center; vertical-align:middle; padding:0 0 0 10%; box-sizing:border-box;}
.prdBannersWrap .inner ._col.txt p {display:block; width:100%; text-align:left; position:relative; color:#000; margin:0 auto; padding:0; box-sizing:border-box;}
.prdBannersWrap .inner ._col.txt .tit {font-size:34px; line-height:40px; font-weight:600; margin:0 auto 50px;}
.prdBannersWrap .inner ._col.txt .tit:after {display:inline-block; content:''; width:40px; height:1px; background:#000; position:relative; vertical-align:middle; margin:0 0 0 25px;}
.prdBannersWrap .inner ._col.txt .con {font-size:15px; line-height:30px; font-weight:400;}
.prdBannersWrap .inner ._col.txt .con b {font-weight:700;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .prdBannersWrap .inner ._col.txt .disTC {padding:0 0 0 5%;}
  .prdBannersWrap .inner ._col.txt .tit {font-size:30px; line-height:36px; margin:0 auto 30px;}
  .prdBannersWrap .inner ._col.txt .tit:after {margin:0 0 0 20px;}
  .prdBannersWrap .inner ._col.txt .con {font-size:14px; line-height:26px;}
}

@media screen and (max-width:960px){
  .prdBannersWrap .inner > div {padding:0;}

  .prdBannersWrap .inner ._col.txt {width:100%; position:relative; top:auto; left:auto; margin:50px auto 0;}
  .prdBannersWrap .inner ._col.txt .disTC {padding:0;}
  .prdBannersWrap .inner ._col.txt .tit {font-size:26px; line-height:32px; margin:0 auto 25px;}
  .prdBannersWrap .inner ._col.txt .tit:after {margin:0 0 0 15px;}
  .prdBannersWrap .inner ._col.txt .con {line-height:24px;}
}

@media screen and (max-width:768px){
  .prdBannersWrap .inner ._col.txt {margin:40px auto 0;}
  .prdBannersWrap .inner ._col.txt .tit {font-size:22px; line-height:26px; margin:0 auto 20px;}
  .prdBannersWrap .inner ._col.txt .tit:after {margin:0 0 0 10px;}
  .prdBannersWrap .inner ._col.txt .con {font-size:13px; line-height:22px;}
}

@media screen and (max-width:640px){
  .prdBannersWrap .inner ._col.txt {margin:30px auto 0;}
  .prdBannersWrap .inner ._col.txt .tit {font-size:18px; line-height:24px; margin:0 auto 15px;}
  .prdBannersWrap .inner ._col.txt .tit:after {margin:0 0 0 5px;}
  .prdBannersWrap .inner ._col.txt .con {font-size:13px; line-height:20px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* PRODUCT > 그라피코 > 좌우측배너 영역 :: E */



/* PRODUCT > 그라피코 > 슬라이드 영역 :: S */
.prdConSliderWrap {padding:150px 0; background:url('/public/images/main/cm_main_sec_4_bg_1.jpg') center center no-repeat; background-size:cover !important;}

.prdConSliderWrap .prdConSlider {width:100%; position:relative;}
.prdConSliderWrap .prdConSlider .swiper-slide {position:relative; text-align:center;}
.prdConSlider .swiper-slide > * {display:block; position:relative; text-align:center; margin:0 auto; padding:0;}
.prdConSlider .swiper-slide .thumbnail {margin:0 auto;}
.prdConSlider .swiper-slide .thumbnail img {max-width:100%; vertical-align:middle;}
.prdConSlider .swiper-slide .t1 {font-size:18px; line-height:24px; font-weight:500; color:#000; margin:30px auto 0;}

.prdConSlider .swiper-arrow {width:13px; height:24px; margin-top:-12px; background-size:cover !important;}
.prdConSlider .swiper-arrow:after {display:none;}
.prdConSlider .swiper-button-prev {background:url('/public/images/cm_arrow_black_1_left.png') center center no-repeat; left:0;}
.prdConSlider .swiper-button-next {background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat; right:0;}


@media screen and (max-width:1280px){
  .prdConSliderWrap {padding:120px 0;}
}

@media screen and (max-width:1080px){
  .prdConSliderWrap {padding:100px 0;}

  .prdConSlider .swiper-slide .t1 {font-size:16px; line-height:22px; margin:25px auto 0;}
}

@media screen and (max-width:960px){
  .prdConSliderWrap {padding:90px 0;}

  .prdConSlider .swiper-slide .t1 {font-size:15px; line-height:20px; margin:20px auto 0;}
}

@media screen and (max-width:768px){
  .prdConSliderWrap {padding:80px 0;}

  .prdConSlider .swiper-slide .t1 {font-size:14px; line-height:20px; margin:15px auto 0;}
}

@media screen and (max-width:640px){
  .prdConSliderWrap {padding:70px 0;}

  .prdConSlider .swiper-slide .t1 {font-size:13px; line-height:18px; margin:15px auto 0;}
}

@media screen and (max-width:480px){
  .prdConSliderWrap {padding:60px 0;}
}

@media screen and (max-width:360px){

}
/* PRODUCT > 그라피코 > 슬라이드 영역 :: E */



/* WORK > 그라피코장식유리 > 베스트슬라이드 영역 :: S */
.bestWorkSliderWrap {}

.bestWorkSliderWrap .sliderArea {width:calc(100% + 70px); position:relative; text-align:center; margin:0 0 0 -35px;}
.bestWorkSliderWrap .sliderArea .bestWorkSlider {display:inline-block; position:relative; vertical-align:top; width:calc(33.33333333333333% - 75px); margin:35px; padding:0;}

.bestWorkSliderWrap .bestWorkSlider {}
.bestWorkSliderWrap .bestWorkSlider .swiper-slide {position:relative; border-radius:10px; overflow:hidden;}
.bestWorkSliderWrap .bestWorkSlider .swiper-slide .img {display:block; width:100%; position:relative;}
.bestWorkSliderWrap .bestWorkSlider .swiper-slide .img img {width:100%; vertical-align:top;}
.bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc {width:100%; padding:30px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);}
.bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc p {display:block; width:100%; text-align:center; font-size:20px; line-height:24px; font-weight:500; color:#fff; margin:0 auto; padding:0;}

.bestWorkSliderWrap .bestWorkSlider .swiper-arrow {width:13px; height:24px; top:auto; bottom:30px; margin-top:0; background-size:cover !important;}
.bestWorkSliderWrap .bestWorkSlider .swiper-arrow:after {display:none;}
.bestWorkSliderWrap .bestWorkSlider .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat; left:30px;}
.bestWorkSliderWrap .bestWorkSlider .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; right:30px;}

.bestWorkSliderWrap .inner ._col.txt {width:50%; height:100%; position:absolute; top:0; left:0;}
.bestWorkSliderWrap .inner ._col.txt .disT {}
.bestWorkSliderWrap .inner ._col.txt .disTC {text-align:center; vertical-align:middle;}
.bestWorkSliderWrap .inner ._col.txt .t1 {font-weight:900;}
.bestWorkSliderWrap .inner ._col.txt .t2 {}
.bestWorkSliderWrap .inner ._col.txt .t3 {}
.bestWorkSliderWrap .inner ._col.txt .arrows {width:46px; height:24px; position:relative; overflow:hidden; margin:40px auto 0;}
.bestWorkSliderWrap .inner ._col.txt .arrows a {display:block; float:left; width:13px; height:24px; position:relative;}
.bestWorkSliderWrap .inner ._col.txt .arrows a img {width:100%; vertical-align:top;}
.bestWorkSliderWrap .inner ._col.txt .arrows .next {float:right;}


@media screen and (max-width:1280px){
  .bestWorkSliderWrap .sliderArea {width:calc(100% + 44px); margin:0 0 0 -22px;}
  .bestWorkSliderWrap .sliderArea .bestWorkSlider {width:calc(33.33333333333333% - 44px); margin:20px;}

  .bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc {padding:20px 30px;}
  .bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc p {font-size:18px; line-height:20px;}

  .bestWorkSliderWrap .bestWorkSlider .swiper-arrow {bottom:18px;}
}

@media screen and (max-width:1080px){
  .bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc {padding:20px 15px;}
  .bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc p {font-size:16px;}

  .bestWorkSliderWrap .bestWorkSlider .swiper-button-prev {left:15px;}
  .bestWorkSliderWrap .bestWorkSlider .swiper-button-next {right:15px;}
}

@media screen and (max-width:960px){
  .bestWorkSliderWrap .sliderArea {width:calc(100% + 22px); margin:0 0 0 -11px;}
  .bestWorkSliderWrap .sliderArea .bestWorkSlider {width:calc(50% - 22px); margin:10px;}

  .bestWorkSliderWrap .bestWorkSlider .swiper-slide .desc p {font-size:15px;}
}

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

}

@media screen and (max-width:640px){
  .bestWorkSliderWrap .sliderArea {width:100%; margin:0;}
  .bestWorkSliderWrap .sliderArea .bestWorkSlider {display:block; width:100%; margin:0 auto 15px;}
  .bestWorkSliderWrap .sliderArea .bestWorkSlider:last-child {margin:0 auto;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* WORK > 그라피코장식유리 > 베스트슬라이드 영역 :: E */



/* WORK > 그라피코장식유리 > 상품리스트 영역 :: S */
.workConListWrap {}

.workConListWrap .titleArea {padding:0 0 30px 0; border-bottom:1px solid #8b8b8b;}
.workConListWrap .titleArea p {width:auto; text-align:left;}
.workConListWrap .titleArea .t1 {}
.workConListWrap .titleArea .t3 {position:absolute; top:15px; right:0; text-align:right;}

.workConListWrap .searchArea {width:100%; max-width:300px; position:relative; margin:0 auto 30px; padding:0; text-align:center;}
.workConListWrap .searchArea > * {display:inline-block; height:36px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:13px; line-height:36px; font-weight:400; color:#000;}
.workConListWrap .searchArea ._inp {width:calc(100% - 65px); padding:0 5px;}
.workConListWrap .searchArea ._btn {width:60px; text-align:center; color:#fff; background:#000; border-radius:5px;}

.workConListWrap .workConList {width:100%; position:relative;}
.workConListWrap .workConList ul {display:block; width:100%; position:relative; overflow:hidden; margin:0 auto; padding:0;}
.workConListWrap .workConList ul li {display:block; float:left; width:calc(25% - 22.5px); margin:0 30px 30px 0; padding:0; position:relative;}
.workConListWrap .workConList ul li:nth-of-type(4n+4) {margin:0 0 30px 0;}
.workConListWrap .workConList ul li .thumbnail {display:block; width:100%; position:relative; border-radius:15px; overflow:hidden;}
.workConListWrap .workConList ul li .thumbnail img {width:100%; vertical-align:top;}
.workConListWrap .workConList ul li .name {display:block; width:100%; height:24px; text-align:center; position:relative; font-size:18px; line-height:24px; font-weight:600; color:#000; margin:15px auto 0; overflow:hidden;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .workConListWrap .workConList ul li .name {font-size:16px; margin:10px auto 0;}
}

@media screen and (max-width:960px){
  .workConListWrap .workConList ul li {width:calc(33.33333333333333% - 15px); margin:0 20px 20px 0;}
  .workConListWrap .workConList ul li:nth-of-type(4n+4) {margin:0 20px 20px 0;}
  .workConListWrap .workConList ul li:nth-of-type(3n+3) {margin:0 0 20px 0;}
  .workConListWrap .workConList ul li .name {font-size:15px; height:22px; line-height:22px; margin:10px auto 0;}
}

@media screen and (max-width:768px){
  .workConListWrap .titleArea {padding:0 0 25px 0;}

  .workConListWrap .workConList ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 15px 0;}
  .workConListWrap .workConList ul li:nth-of-type(4n+4) {margin:0 15px 15px 0;}
  .workConListWrap .workConList ul li:nth-of-type(3n+3) {margin:0 0 15px 0;}
  .workConListWrap .workConList ul li .name {font-size:14px; height:20px; line-height:20px; margin:8px auto 0;}
}

@media screen and (max-width:640px){
  .workConListWrap .titleArea {padding:0 0 20px 0;}

  .workConListWrap .workConList ul li {width:calc(50% - 6px); margin:0 12px 12px 0;}
  .workConListWrap .workConList ul li:nth-of-type(4n+4) {margin:0 12px 12px 0;}
  .workConListWrap .workConList ul li:nth-of-type(3n+3) {margin:0 12px 12px 0;}
  .workConListWrap .workConList ul li:nth-of-type(2n+2) {margin:0 0 12px 0;}
  .workConListWrap .workConList ul li .name {font-size:13px;}
}

@media screen and (max-width:480px){
  .workConListWrap .workConList ul li {width:100% !important; margin:0 auto 10px !important;}
  .workConListWrap .workConList ul li:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){

}
/* WORK > 그라피코장식유리 > 상품리스트 영역 :: E */



/* WORK > 상세보기 > 상단정보 영역 :: S */
.workInfoWrap {}

.workInfoWrap._top {}
.workInfoWrap._top .inner > div {width:100%; position:relative; padding:0 45% 0 0; box-sizing:border-box;}

.workInfoWrap .sliderArea {width:100%; position:relative;}

.workInfoWrap .workThumbSlider {width:100%; position:relative;}
.workInfoWrap .workThumbSlider .swiper-slide {position:relative; border-radius:10px; overflow:hidden;}
.workInfoWrap .workThumbSlider .swiper-slide .img {display:block; width:100%; position:relative;}
.workInfoWrap .workThumbSlider .swiper-slide .img img {width:100%; vertical-align:top;}
.workInfoWrap .workThumbSlider .swiper-slide .desc {width:100%; padding:30px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);}
.workInfoWrap .workThumbSlider .swiper-slide .desc p {display:block; width:100%; text-align:center; font-size:20px; line-height:24px; font-weight:500; color:#fff; margin:0 auto; padding:0;}

.workInfoWrap .workThumbSlider .swiper-arrow {width:13px; height:24px; top:auto; bottom:30px; margin-top:0; background-size:cover !important;}
.workInfoWrap .workThumbSlider .swiper-arrow:after {display:none;}
.workInfoWrap .workThumbSlider .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat; left:30px;}
.workInfoWrap .workThumbSlider .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; right:30px;}

.workInfoWrap .descArea {width:45%; height:100%; position:absolute; top:0; right:0;}
.workInfoWrap .descArea .disT {}
.workInfoWrap .descArea .disTC {text-align:left; vertical-align:middle; padding:0 5%; box-sizing:border-box;}
.workInfoWrap .descArea p {display:block; width:100%; position:relative; text-align:left; margin:0 auto; padding:0; color:#000;}
.workInfoWrap .descArea .name {font-size:36px; line-height:42px; font-weight:700; margin:0 auto 30px; padding:0 0 30px 0; border-bottom:1px solid #ccc;}
.workInfoWrap .descArea .name a {display:block; width:19px; height:21px; position:absolute; top:10px; right:0;}
.workInfoWrap .descArea .name a img {width:100%; vertical-align:top;}
.workInfoWrap .descArea .desc {font-size:15px; line-height:24px; font-weight:400;}


.workInfoWrap._bottom {margin:60px auto 0;}

.workInfoWrap .toggleArea {width:100%; height:60px; position:relative; overflow:hidden;}
.workInfoWrap .toggleArea .title {display:block; width:100%; height:60px; position:relative; font-size:24px; line-height:60px; font-weight:600; color:#000; text-align:left; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #ccc;}
.workInfoWrap .toggleArea .title:before,
.workInfoWrap .toggleArea .title:after {display:block; content:''; position:absolute; background-size:cover !important;}
.workInfoWrap .toggleArea .title:before {width:130px; height:2px; background:#000; bottom:0; left:0;}
.workInfoWrap .toggleArea .title:after {width:13px; height:24px; background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat; transform:rotate(90deg); top:50%; right:20px; margin:-12px 0 0 0;}
.workInfoWrap .toggleArea .con {width:100%; position:relative; padding:60px 0; box-sizing:border-box;}
.workInfoWrap .toggleArea .con p {margin:0 auto;}

.workInfoWrap .toggleArea.open {height:auto;}
.workInfoWrap .toggleArea.open .title:after {transform:rotate(270deg);}


@media screen and (max-width:1280px){
  .workInfoWrap .descArea .name {font-size:30px; line-height:36px; margin:0 auto 25px; padding:0 0 25px 0;}
  .workInfoWrap .descArea .desc {font-size:14px; line-height:22px;}

  .workInfoWrap .workThumbSlider .swiper-slide .desc {padding:20px 30px;}
  .workInfoWrap .workThumbSlider .swiper-slide .desc p {font-size:18px; line-height:20px;}

  .workInfoWrap .workThumbSlider .swiper-arrow {bottom:18px;}


  .workInfoWrap .toggleArea .title {height:50px; font-size:20px; line-height:50px; padding:0 15px;}
  .workInfoWrap .toggleArea .title:before {width:105px;}
}

@media screen and (max-width:1080px){
  .workInfoWrap._top .inner > div {padding:0 55% 0 0;}

  .workInfoWrap .descArea {width:55%;}
  .workInfoWrap .descArea .name {font-size:26px; line-height:30px; margin:0 auto 20px; padding:0 0 20px 0;}
  .workInfoWrap .descArea .desc {font-size:14px; line-height:20px;}
}

@media screen and (max-width:960px){
  .workInfoWrap._top .inner > div {padding:0;}

  .workInfoWrap .descArea {width:100%; height:auto; position:relative; top:auto; right:auto; margin:40px auto 0;}
  .workInfoWrap .descArea .disTC {padding:0;}
  .workInfoWrap .descArea .name {font-size:24px; line-height:28px; margin:0 auto 15px; padding:0 0 15px 0;}
  .workInfoWrap .descArea .desc {font-size:13px; line-height:20px;}


  .workInfoWrap .toggleArea .title {height:40px; font-size:18px; line-height:40px; padding:0 12px;}
  .workInfoWrap .toggleArea .title:before {width:99px;}
}

@media screen and (max-width:768px){
  .workInfoWrap .descArea {margin:30px auto 0;}
  .workInfoWrap .descArea .name {font-size:20px; line-height:24px;}
  .workInfoWrap .descArea .desc {font-size:13px; line-height:18px;}


  .workInfoWrap .toggleArea .title {height:36px; font-size:15px; line-height:36px; padding:0 10px;}
  .workInfoWrap .toggleArea .title:before {width:76px;}
}

@media screen and (max-width:640px){
.workInfoWrap .descArea .name {font-size:18px; line-height:22px;}
.workInfoWrap .descArea .desc {font-size:12px; line-height:18px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* WORK > 상세보기 > 상단정보 영역 :: E */



/* DATA > 게시판 리스트 영역 :: S */
html body table.board {width:100%; position:relative; border-collapse:collapse;}
html body table.board th,
html body table.board td {padding:20px 6px; text-align:center; border:0;}
html body table.board thead {}
html body table.board thead th {padding:10px 6px; font-size:13px; line-height:16px; font-weight:400; color:#fff; background:#000;}
html body table.board tbody {}
html body table.board tbody tr {border-bottom:1px solid #e7e7e7;}
html body table.board tbody tr:hover {background:#fafafa;}
html body table.board tbody td {font-size:15px; line-height:22px; font-weight:500; color:#000;}
html body table.board tbody td.date {font-size:14px; font-weight:400; color:#777;}

.boardListWrap {}

.boardListWrap .searchArea {width:500px; height:50px; position:relative; margin:0 auto 50px; padding:0; border-bottom:1px solid #ececec; overflow:hidden;}
.boardListWrap .searchArea > * {display:block; float:left; position:relative; height:50px; line-height:50px; margin:0; padding:0; box-sizing:border-box; border:0; box-shadow:none; text-align:left; font-size:15px; font-weight:400; color:#333;}
.boardListWrap .searchArea select {width:100px; padding:0 5px;}
.boardListWrap .searchArea input {width:calc(100% - 150px); padding:0 5px;}
.boardListWrap .searchArea a {width:50px; height:50px; padding:15px;}
.boardListWrap .searchArea a img {max-width:100%; vertical-align:top;}

html body .boardList {width:100%; position:relative;}
html body .boardList ul {display:block; width:100%; position:relative; overflow:hidden; margin:0 auto; padding:0;}
html body .boardList ul li {display:block; float:left; width:calc(33.33333333333333% - 40px); margin:0 60px 60px 0; position:relative; padding:0;}
html body .boardList ul li:nth-of-type(3n+3) {margin:0 0 60px 0;}
html body .boardList ul li .thumbnail {display:block; width:100%; position:relative;}
html body .boardList ul li .thumbnail img {width:100%; vertical-align:top;}
html body .boardList ul li .info {width:100%; position:relative; margin:30px auto 0;}
html body .boardList ul li .info > * {display:block; width:100%; position:relative; text-align:left; margin:0 auto; padding:0; overflow:hidden;}
html body .boardList ul li .info .title {font-size:26px; line-height:30px; font-weight:700; color:#000; height:30px;}
html body .boardList ul li .info .con {margin:15px auto; height:48px;}
html body .boardList ul li .info .con,
html body .boardList ul li .info .con p {font-size:15px; line-height:24px; font-weight:400; color:#333;}
html body .boardList ul li .info .date {font-size:12px; line-height:14px; font-weight:600; color:#8f8f8f; height:14px;}

html body .boardList.recruit {}
html body .boardList.recruit ul {}
html body .boardList.recruit ul li {}
html body .boardList.recruit ul li .rect {width:100%; position:relative; padding:60px; box-sizing:border-box; background:#ececec;}
html body .boardList.recruit ul li .rect > * {display:block; width:100%; position:relative; text-align:left; margin:0 auto; padding:0; overflow:hidden;}
html body .boardList.recruit ul li .rect .title {font-size:26px; line-height:30px; font-weight:700; color:#000; height:30px;}
html body .boardList.recruit ul li .rect .period {font-size:13px; line-height:16px; font-weight:500; color:#333; margin:25px auto 50px; height:16px;}
html body .boardList.recruit ul li .rect .status {width:110px; height:34px; text-align:center; line-height:34px; font-size:14px; font-weight:600; margin:0;}
html body .boardList.recruit ul li .rect .status._1 {color:#000; background:#fff;}


.boardViewWrap {}
.boardViewWrap .topArea {width:100%; position:relative; margin:0 auto 30px; padding:0 0 30px 0; border-bottom:1px solid #000;}
.boardViewWrap .topArea > * {display:block; position:relative; text-align:left; margin:0; padding:0;}
.boardViewWrap .topArea h3 {font-size:32px; line-height:38px; font-weight:600; color:#000;}
.boardViewWrap .topArea p {font-size:13px; line-height:16px; font-weight:400; color:#777; text-align:right; margin:10px auto 0;}
.boardViewWrap .middleArea {width:100%; position:relative; text-align:left; margin:0 auto 30px;}
.boardViewWrap .middleArea p {margin:0;}


@media screen and (max-width:1280px){
  html body .boardList.recruit ul li .rect {padding:45px;}
  html body .boardList.recruit ul li .rect .title {font-size:22px; line-height:26px; height:26px;}
  html body .boardList.recruit ul li .rect .period {margin:20px auto 30px;}
}

@media screen and (max-width:1080px){
  html body .boardList ul li {width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0;}
  html body .boardList ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
  html body .boardList ul li .info {margin:20px auto 0;}
  html body .boardList ul li .info .title {font-size:22px; line-height:28px; height:28px;}
  html body .boardList ul li .info .con {margin:12px auto;}
  html body .boardList ul li .info .con,
  html body .boardList ul li .info .con p {font-size:14px; line-height:22px; height:44px;}


  html body .boardList.recruit ul li .rect {padding:30px;}
}

@media screen and (max-width:960px){
  .boardListWrap .searchArea {width:400px; height:40px; margin:0 auto 40px;}
  .boardListWrap .searchArea > * {height:40px; line-height:40px;}
  .boardListWrap .searchArea select {width:80px;}
  .boardListWrap .searchArea input {width:calc(100% - 120px);}
  .boardListWrap .searchArea a {width:40px; height:40px; padding:10px;}


  html body .boardList.recruit ul li .rect {padding:20px;}
  html body .boardList.recruit ul li .rect .title {font-size:18px; line-height:24px; height:24px;}
  html body .boardList.recruit ul li .rect .period {margin:15px auto 25px;}
  html body .boardList.recruit ul li .rect .status {height:30px; line-height:30px; font-size:13px;}


  .boardViewWrap .topArea h3 {font-size:24px; line-height:32px;}
  .boardViewWrap .topArea p {font-size:12px; line-height:16px;}
}

@media screen and (max-width:768px){
  html body .boardList ul li {width:calc(50% - 15px); margin:0 30px 30px 0;}
  html body .boardList ul li:nth-of-type(3n+3) {margin:0 30px 30px 0;}
  html body .boardList ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}
  html body .boardList ul li .info {margin:15px auto 0;}
  html body .boardList ul li .info .title {font-size:18px; line-height:24px; height:24px;}
  html body .boardList ul li .info .con {margin:10px auto;}
  html body .boardList ul li .info .con,
  html body .boardList ul li .info .con p {font-size:13px; line-height:20px; height:40px;}


  .boardViewWrap .topArea h3 {font-size:20px; line-height:26px;}
  .boardViewWrap .topArea p {margin:8px auto 0;}
}

@media screen and (max-width:640px){
  .boardListWrap .searchArea {width:300px; height:36px; margin:0 auto 30px;}
  .boardListWrap .searchArea > * {height:36px; line-height:36px;}
  .boardListWrap .searchArea select {width:60px;}
  .boardListWrap .searchArea input {width:calc(100% - 96px);}
  .boardListWrap .searchArea a {width:36px; height:36px; padding:8px;}


  .boardViewWrap .topArea h3 {font-size:18px; line-height:24px;}
}

@media screen and (max-width:480px){
  html body .boardList ul li {width:100% !important; margin:0 auto 30px !important;}
  html body .boardList ul li:last-child {margin:0 auto !important;}
  html body .boardList ul li .info {margin:10px auto 0;}
  html body .boardList ul li .info .title {font-size:16px; line-height:20px; height:20px;}
  html body .boardList ul li .info .con {margin:8px auto;}
  html body .boardList ul li .info .con,
  html body .boardList ul li .info .con p {font-size:12px; line-height:18px; height:36px;}
}

@media screen and (max-width:360px){

}
/* DATA > 게시판 리스트 영역 :: E */





/* @@@@@ 리뉴얼 202512 관련 스타일 영역 @@@@@ :: START */

._renew._202512 #subBanner {max-width:1840px; margin:0 auto; padding:110px 10px 0 10px; box-sizing:border-box;}
._renew._202512 #subBanner .topBanner {height:576px; background-size:cover !important;}
._renew._202512 #subBanner .topBanner .frame {display:none;}
._renew._202512 #subBanner .topBanner .mov {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; overflow:hidden; z-index:3;}
._renew._202512 #subBanner .topBanner .mov video {display:block; width:200%; height:178%; position:absolute; top:0; left:0; margin:-12.5% 0 0 -50%; padding:0; box-sizing:border-box;}
._renew._202512 #subBanner .topBanner .sub_title {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; background:rgba(0,0,0,0.5); z-index:5;}
._renew._202512 #subBanner .topBanner .sub_title .disT {}
._renew._202512 #subBanner .topBanner .sub_title .disTC {text-align:center; vertical-align:middle; padding:10px; box-sizing:border-box;}
._renew._202512 #subBanner .topBanner .sub_title h2 {display:block; max-width:10000px; padding:0;}
._renew._202512 #subBanner .topBanner .sub_title h2 * {margin:0; padding:0; text-align:center; color:#fff;}
._renew._202512 #subBanner .topBanner .sub_title h2:before {display:none;}
._renew._202512 #subBanner .topBanner .sub_title h2 strong {font-size:40px; line-height:46px; font-weight:700;}
._renew._202512 #subBanner .topBanner .sub_title h2 p {display:none;}

._renew._202512 #subBanner .topBanner .subTopBannerSlider {width:100%; height:100%; position:absolute; top:0; left:0; z-index:4;}
._renew._202512 #subBanner .topBanner .subTopBannerSlider .swiper-slide {position:relative;}
._renew._202512 #subBanner .topBanner .subTopBannerSlider .swiper-slide .bg {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box; background-size:cover !important;}

._renew._202512 #subBanner .lnbMenu {padding:0; background:transparent; border-bottom:1px solid #d4d4d4;}
._renew._202512 #subBanner .lnbMenu ul {max-width:10000px; text-align:center; padding:10px 15px 0 15px;}
._renew._202512 #subBanner .lnbMenu ul li {margin:0 20px 0 0;}
._renew._202512 #subBanner .lnbMenu ul li:first-child {margin:0 20px 0 0;}
._renew._202512 #subBanner .lnbMenu ul li:last-child {margin:0;}
._renew._202512 #subBanner .lnbMenu ul li a {padding:0 10px; font-size:18px; line-height:60px; font-weight:400; color:#333;}
._renew._202512 #subBanner .lnbMenu ul li a.on {font-weight:600; color:#000;}


html {
	font-size:62.5%;

	.btn {font-size:1.2rem;}
}

@media screen and (max-width:1440px){
	html {font-size:58%;}
}

@media screen and (max-width:1280px){
	html {font-size:55%;}
}

@media screen and (max-width:960px){
	html {font-size:52%;}
}

@media screen and (max-width:768px){
	html {font-size:50%;}
}

@media screen and (max-width:480px){
	html {font-size:45%;}
}
._renew._202512 .con_wrap .subCon {width:100%; max-width:1140px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

._renew._202512 .con_wrap .subCon table.table.view td.rel dl dt {width:140px;}
._renew._202512 .con_wrap .subCon table.table.view td.rel dl dd {width:calc(100% - 140px);}

._renew._202512 .con_wrap .subCon .fc_blue,
._renew._202512 .con_wrap .subCon .fc_blue * {color:#003b83 !important;}
._renew._202512 .con_wrap .subCon .fc_sky,
._renew._202512 .con_wrap .subCon .fc_sky * {color:#33a0f4 !important;}


._renew._202512 .con_wrap .subCon .titArea {width:100%; position:relative; margin:0 auto 4.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .titArea.gap {margin-bottom:8.0rem;}
._renew._202512 .con_wrap .subCon .titArea p,
._renew._202512 .con_wrap .subCon .titArea a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:2.6rem; font-weight:500; color:#656565;}
._renew._202512 .con_wrap .subCon .titArea .tit {margin:0 auto 3.0rem; font-size:2.6rem; line-height:4.2rem; font-weight:600; color:#1f1f1f;}
._renew._202512 .con_wrap .subCon .titArea .tit span {display:inline-block; position:relative; vertical-align:baseline; margin:0 0 0 1.0rem; font-size:2.0rem; font-weight:400;
margin:0; font-size:1.8rem;}
._renew._202512 .con_wrap .subCon .titArea .t0 {font-size:1.5rem; line-height:2.4rem; font-weight:400; color:#151515;}
._renew._202512 .con_wrap .subCon .titArea .t1 {margin:0 auto 0.8rem; font-size:2.0rem; line-height:3.0rem; font-weight:700; color:#353535;}
._renew._202512 .con_wrap .subCon .titArea .dot {padding:0 0 0 1.0rem;}
._renew._202512 .con_wrap .subCon .titArea .dot:before {display:block; content:''; width:0.3rem; height:0.3rem; position:absolute; top:1.15rem; left:0; margin:0; padding:0; box-sizing:border-box; border-radius:50%; background:#1f1f1f;}
._renew._202512 .con_wrap .subCon .titArea .badge {text-align:left;}
._renew._202512 .con_wrap .subCon .titArea .badge span {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0.6rem 2.0rem; color:#fff; border-radius:3.0rem; background:#003b83;
padding:0.4rem 2.0rem; background:#1398f3;}

._renew._202512 .con_wrap .subCon .titArea .img {width:100%; position:relative; margin:0 auto 3.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .titArea .img img {max-width:100%;}

._renew._202512 .con_wrap .subCon .titArea .imgs {width:100%; display:flex; gap:0.5rem; align-items:flex-start; position:relative; margin:0 auto 3.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .titArea .imgs img {width:auto; max-width:100%; height:auto; flex:0 1 auto; object-fit:contain;}

._renew._202512 .con_wrap .subCon .titArea .tags {width:100%; position:relative; margin:0 auto 3.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .titArea .tags > p {display:inline-block; position:relative; vertical-align:middle; margin:0 0.8rem 0 0; padding:0; box-sizing:border-box; font-size:2.0rem; line-height:2.4rem; font-weight:400; color:#003b83;}
._renew._202512 .con_wrap .subCon .titArea .tags > p:last-child {margin:0;}

._renew._202512 .con_wrap .subCon .titArea .act {padding:0.5rem 0 0.5rem 2.0rem;}
._renew._202512 .con_wrap .subCon .titArea .act:not(.noBd):before {display:block; content:''; width:3px; height:100%; position:absolute; top:0; left:0; background:#1f1f1f;}
._renew._202512 .con_wrap .subCon .titArea .act:not(.noBd).sky:before {background:#33a0f4;}
._renew._202512 .con_wrap .subCon .titArea > *:last-child {margin-bottom:0 !important;}


._renew._202512 .con_wrap .subCon .bannerArea {width:100%; position:relative; margin:0 auto 4.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .bannerArea.gap {margin-bottom:8.0rem;}
._renew._202512 .con_wrap .subCon .bannerArea.padLeft,
._renew._202512 .con_wrap .subCon .bannerArea.padRight {
	.banner {width:22.5%; position:absolute; top:0;}
	.banner img {display:inline-block; width:auto; width:100%; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
}
._renew._202512 .con_wrap .subCon .bannerArea.padLeft {padding-left:25%;}
._renew._202512 .con_wrap .subCon .bannerArea.padLeft .banner {left:0; text-align:left;}
._renew._202512 .con_wrap .subCon .bannerArea.padLeft .titArea .banner {width:25%; left:-28.5%}
._renew._202512 .con_wrap .subCon .bannerArea.padRight {padding-right:25%;}
._renew._202512 .con_wrap .subCon .bannerArea.padRight .banner {right:0; text-align:right;}
._renew._202512 .con_wrap .subCon .bannerArea.padRight .titArea .banner {width:25%; right:-28.5%}


._renew._202512 .con_wrap .subCon .dualBnnrArea {display:flex; gap:5.0rem; align-items:flex-start; flex-wrap:wrap; width:100%; position:relative; margin:0 auto 4.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .dualBnnrArea.gap {margin-bottom:8.0rem;}
._renew._202512 .con_wrap .subCon .dualBnnrArea .dualBnnr {width:calc(50% - 2.5rem); flex:0 0 calc(50% - 3.0rem); position:relative; margin:0; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .dualBnnrArea .dualBnnr p {display:block; position:relative; text-align:center; margin:10px auto 0; padding:0; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:500; color:#333;}
._renew._202512 .con_wrap .subCon .dualBnnrArea .dualBnnr .img {border:2px solid #ddd;}
._renew._202512 .con_wrap .subCon .dualBnnrArea .dualBnnr .img + .titArea {margin:1.5rem auto 0;}
._renew._202512 .con_wrap .subCon .dualBnnrArea .dualBnnr .img + .titArea .tit:first-child {margin:0 auto 0.5rem;}


._renew._202512 .con_wrap .subCon .arrangeArea {display:flex; align-items:center; gap:1.0rem; width:100%; position:relative; margin:0 auto 4.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .arrangeArea.gap {margin-bottom:8.0rem;}
._renew._202512 .con_wrap .subCon .arrangeArea > * {width:auto; height:auto; flex:0 1 auto; object-fit:contain; margin:0; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .arrangeArea p {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.5rem; line-height:2.2rem; font-weight:400; color:#454545;}
._renew._202512 .con_wrap .subCon .arrangeArea .img {}
._renew._202512 .con_wrap .subCon .arrangeArea .txt {padding:1.5rem;}
._renew._202512 .con_wrap .subCon .arrangeArea .txt p {margin:0 auto 1.2rem;}
._renew._202512 .con_wrap .subCon .arrangeArea .txt p:last-child {margin:0 auto;}
._renew._202512 .con_wrap .subCon .arrangeArea .txt p.dot {padding:0 0 0 1.0rem;}
._renew._202512 .con_wrap .subCon .arrangeArea .txt p.dot:before {display:block; content:''; width:0.3rem; height:0.3rem; position:absolute; top:0.95rem; left:0; margin:0; padding:0; box-sizing:border-box; border-radius:50%; background:#1f1f1f;}


._renew._202512 .con_wrap .subCon .flexArea {display:flex; gap:5.0rem; align-items:flex-start; width:100%; position:relative; margin:0 auto 4.0rem; padding:0; box-sizing:border-box;}
._renew._202512 .con_wrap .subCon .flexArea.gap {margin-bottom:8.0rem;}
._renew._202512 .con_wrap .subCon .flexArea > * {width:auto; max-width:100%; height:auto; flex:0 1 auto; object-fit:contain;}
._renew._202512 .con_wrap .subCon .flexArea > .titArea {flex:0 0 100px;}
._renew._202512 .con_wrap .subCon .flexArea > .titArea + * {flex:1 1 0;}


._renew._202512 .con_wrap .subCon .conTit {margin:6.0rem auto 2.0rem;}
._renew._202512 .con_wrap .subCon .conTit + .tabScroll_container {margin-bottom:5.0rem;}

._renew._202512 .con_wrap .defaultInfoList ul li .badge {width:160px;}


._renew._202512 .con_wrap .category-wrap {}
._renew._202512 .con_wrap .category-tab {width:auto; position:relative; margin:0 auto 4.0rem; padding:0.6rem; box-sizing:border-box; border-radius:2.2rem; background:#ebeef1;}
._renew._202512 .con_wrap .category-tab a {display:inline-block; position:relative; vertical-align:top; margin:0 1.0rem 0 0; padding:0.6rem 1.2rem; box-sizing:border-box; font-size:1.6rem; line-height:2.0rem; font-weight:600; color:#1c1c1c; border-radius:1.8rem; background:transparent;}
._renew._202512 .con_wrap .category-tab a.active {color:#fff; background:#0055a5;}


/* 회사소개 > 파인트리포스마그네슘 :: S */
._renew._202512 .about_wrap {}
._renew._202512 .about_wrap .row_1 {margin:90px auto; padding-top:0; padding-bottom:0;}
._renew._202512 .about_wrap .ppmgAboutArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
._renew._202512 .about_wrap .ppmgAboutArea > * {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
._renew._202512 .about_wrap .ppmgAboutArea > * p {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:18px; line-height:32px; font-weight:400; color:#151515;}
._renew._202512 .about_wrap .ppmgAboutArea > * img {display:block; width:100%;}
._renew._202512 .about_wrap .ppmgAboutArea .bannerArea {}
._renew._202512 .about_wrap .ppmgAboutArea .bannerArea img {}
._renew._202512 .about_wrap .ppmgAboutArea .descArea {max-width:1840px; margin:40px auto 0; padding:0 calc(30% + 10px) 0 10px; z-index:3;}
._renew._202512 .about_wrap .ppmgAboutArea .descArea p {}
._renew._202512 .about_wrap .ppmgAboutArea .descArea .img {width:30%; position:absolute; bottom:0; right:0; margin:0; padding:0; box-shadow:2px 2px 6px 6px rgba(0,0,0,0.06);}
/* 회사소개 > 파인트리포스마그네슘 :: E */


._renew._202512 .facility_wrap .titleInfo ul li {position:relative;}
._renew._202512 .facility_wrap .titleInfo ul li.fullTxt {padding-bottom:40px;}
._renew._202512 .facility_wrap .titleInfo ul li.fullTxt p {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; top:0; left:0;}


/* @@@@@ 리뉴얼 202512 관련 스타일 영역 @@@@@ :: CLEAR */