@charset "utf-8";

#subpageTitle1 {font-size: 30px; font-weight: 350; line-height: 43px; text-align: center; position: relative; padding-top: 35px;}
#subpageTitle1:before {content: ''; width: 43px; height: 1px; background: #8cc63e; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0px);}

#subpageTitle2 {background: #8f835f; display: flex;}
#subpageTitle2 .subpageTitleLeft {width: 50%; background: url(../../pages/images/wood_top_ico01.png) no-repeat; background-position: 50px center; padding:0 100px 0 252px; position: relative;}
#subpageTitle2 .subpageTitleLeft .subpageTitleLeftTxt {font-size: 30px; color: #fff; letter-spacing: -0.025rem; line-height: 38px; font-family: 'Noto Sans KR'; font-weight: 400; position: absolute; bottom: 65px; padding-right: 50px;}
#subpageTitle2 .subpageTitleRight {width: 50%; min-height: 287px; background: url(../../pages/images/wood_top_01.jpg) no-repeat; background-size: cover; background-position: center;}

#subpageTitle2.subpageTitle2_1 .subpageTitleLeft {padding: 0 100px 0 232px;}
#subpageTitle2.subpageTitle2_1 .subpageTitleLeft .subpageTitleLeftTxt {font-size: 22px;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight {background: url(../../pages/images/wood_top_03.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight1 {background: url(../../pages/images/wood_top_02.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight2 {background: url(../../pages/images/paper_top_01.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight3 {background: url(../../pages/images/paper_top_02.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight4 {background: url(../../pages/images/paper_top_03.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight5 {background: url(../../pages/images/wood_heat_top_01.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight6 {background: url(../../pages/images/wood_chip_top_01.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight7 {background: url(../../pages/images/wooden_top_01.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight8 {background: url(../../pages/images/compressed_top_01.jpg) no-repeat; background-size: cover; background-position: center;}
#subpageTitle2.subpageTitle2_1 .subpageTitleRight9 {background: url(../../pages/images/distribution_top_01.jpg) no-repeat; background-size: cover; background-position: center;}

@media screen and (max-width: 1400px){
	#subpageTitle2 {display: block;}
	#subpageTitle2 .subpageTitleLeft {width: 100%; min-height: 200px; }
	#subpageTitle2 .subpageTitleRight {width: 100%; min-height: 200px;}
	#subpageTitle2 .subpageTitleLeft .subpageTitleLeftTxt {position: relative; bottom: auto; padding-top: 20px;}

}
@media screen and (max-width: 768px){
	#subpageTitle2 .subpageTitleLeft {background-position: 20px center; background-size: 50px; padding: 0 10px 0 90px; min-height: 100%;}
	#subpageTitle2 .subpageTitleLeft .subpageTitleLeftTxt {padding-top: 0px; position: relative; bottom: auto; top: auto; transform: translate(0, 0); font-size: 18px; line-height: 28px; padding: 15px;}
	#subpageTitle2.subpageTitle2_1 .subpageTitleLeft .subpageTitleLeftTxt {font-size: 18px; line-height: 28px; padding: 15px;}
	#subpageTitle2.subpageTitle2_1 .subpageTitleLeft {padding: 0 10px 0 90px;}

}


/*	회사소개 > 회사개요*/
.company {margin-top: 100px; overflow: hidden;}
.company .companyLeft {float:left; width:50%; overflow: hidden; position: relative; padding-bottom: 30px;}
.company .companyLeft .companySwiper {width: 100%; height: 100%; border: solid 1px #d1d1d1;}
.company .companyLeft .companySwiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.company .companyLeft .companySwiper .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; }
.company .companyLeft .swiper-container-horizontal>.swiper-pagination-bullets, .company .companyLeft .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0; text-align: left;}
.company .companyLeft .swiper-pagination-bullet {border: solid 1px #7b7b7b; background: transparent; opacity: 1;}
.company .companyLeft .swiper-pagination-bullet-active {background: #8cc238;}

.company .companyRight {float:left; width:50%; padding-left:95px;}
.company .companyRight .titleArea {font-size: 50px; color: #000000; font-family: 'Mont-Heavy'; line-height: 50px;}
.company .companyRight .contentArea {margin-top: -10px;}
.company .companyRight .contentArea .sub {border-top: solid 1px #000; padding: 25px 30px;}
.company .companyRight .contentArea .sub:last-child {border-bottom: solid 1px #000;}
.company .companyRight .contentArea .sub .left {float:left; width:30%; font-size: 17px; color: #000000; font-weight: bold; font-family: 'Malgun Gothic';}
.company .companyRight .contentArea .sub .right {float:left; width:70%; font-size: 17px; color: #000; font-family: 'Malgun Gothic';}

@media screen and (max-width: 1200px){
	.company {margin-top: 30px;}
	.company .companyLeft {float: none; width: 80%; margin: 0 auto;}
	.company .companyLeft .swiper-container-horizontal>.swiper-pagination-bullets, .company .companyLeft .swiper-pagination-custom, .swiper-pagination-fraction {text-align: center;}
	.company .companyRight {float: none; width: 80%; padding-left: 0px; margin: 0 auto; margin-top: 50px;}
}
@media screen and (max-width: 1024px){
	.company .companyLeft {width: 100%;}
	.company .companyRight {width: 100%;}
}
@media screen and (max-width: 768px){
	#subpageTitle1 {font-size: 20px; line-height: 33px;}
	#subpageTitle1 br {display:none;}
	.company .companyRight .titleArea {font-size: 35px; line-height: 40px;}
	.company .companyRight .contentArea .sub {padding: 15px 10px;}
}

/*	회사소개 > 조직도 */
.organization {margin-top: 100px;}
.organization img {max-width:100%;}

@media screen and (max-width: 1200px){
	.organization {margin-top: 30px;}
}


/*	회사소개 > 인증현황 */
.certification {margin-top: 100px; background:#f1f1f1; padding:70px 75px; }
.certification .sub {float:left; width:calc((100% - 140px) / 5); margin-right:35px;}
.certification .sub:last-child {margin-right:0;}
.certification .sub .thumb {text-align: right; background: #8cc63e; border: solid 1px #d1d1d1; box-shadow: 5px 5px 15px 2px rgb(0 0 0 / 20%);}
.certification .sub .thumb img {max-width:100%;}
.certification .sub .title {font-size: 17px; color: #000; font-weight: bold; font-family: 'Malgun Gothic'; text-align: center; margin-top: 30px;}

@media screen and (max-width: 1600px){
	.certification .sub .thumb img {max-width: 96%;}
}
@media screen and (max-width: 1024px){
	.certification .sub {width: calc((100% - 70px) / 3); margin-bottom: 50px;}
	.certification .sub:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 768px){
	.certification .sub {width: calc((100% - 35px) / 2);}
	.certification .sub:nth-child(3n) {margin-right: 35px;}
	.certification .sub:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 500px){
	.certification .sub {width:100%; margin-right:0;}

}

/* 회사소개 > 파트너 */

.partner{background:#eeeeee}
.partner ul{width:1600px;margin:50px auto;padding:150px 0 50px 0;}
.partner ul li{display:inline-block;width:240px;text-align:center;background:#fff;margin:0 11px 100px;border:1px solid #d1d1d1}
.partner ul li img{max-width:100%;}

@media screen and (max-width: 1600px){
.partner ul{width:100%}
.partner ul li{width:calc((100% - 60px) / 4)}


}

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

.partner ul{width:100%}

.partner ul li{margin:0 5px 100px;}
}

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



}

@media screen and (max-width: 768px){
.partner ul li{width:calc((100% - 36px) / 3)}
.partner ul{padding:50px 0 0px 0}

}



/*	회사소개 > 오시는길 */
.location {margin-top: 150px;}
.location .loc_left {float:left; width:50%; /*padding: 0 88px;*/}
.location .loc_left .loc_left_wrap {background: url(../../pages/images/loc_map01.png) no-repeat; background-position: top center; background-size: contain; width: 100%; height: 100%; min-height: 896px; position: relative; width: 624px; margin: 0 auto;}
.location .loc_left .loc_left_wrap .loc {text-align:center; width: 16%; position: absolute;}
.location .loc_left .loc_left_wrap .loc img {max-width:100%;}
.location .loc_left .loc_left_wrap .loc .ico1 {width: 35%; margin: 0 auto;}
.location .loc_left .loc_left_wrap .loc .ico2 {width: 52%; margin: 0 auto;}
.location .loc_left .loc_left_wrap .loc .txt1 {font-size: 17px; color: #000; font-weight: bold; font-family: Malgun Gothic; margin-top:5px;}
.location .loc_left .loc_left_wrap .loc1 {top: 13%; left: 22%;}
.location .loc_left .loc_left_wrap .loc2 {top: 31%; left: 39%;}
.location .loc_left .loc_left_wrap .loc3 {top: 32%; left: 48.5%;}
.location .loc_left .loc_left_wrap .loc4 {top: 41%; left: 56%;}
.location .loc_left .loc_left_wrap .loc5 {top: 54%; left: 82%;}
.location .loc_left .loc_left_wrap .loc2 .txt1 {margin-top:15px;}


.location .loc_right {float:left; width:50%; padding-left: 90px; margin-top: 190px;}
.location .loc_right .titleArea {font-size: 50px; color: #000000; font-family: 'Mont-Heavy'; line-height: 50px;}
.location .loc_right .contentArea {margin-top: -10px;}
.location .loc_right .contentArea .sub {border-top: solid 1px #000; padding: 25px 30px;}
.location .loc_right .contentArea .sub:last-child {border-bottom: solid 1px #000;}
.location .loc_right .contentArea .sub .left {float:left; width:30%; font-size: 17px; color: #000000; font-weight: bold; font-family: 'Malgun Gothic';}
.location .loc_right .contentArea .sub .right {float:left; width:65%; font-size: 17px; color: #000; font-family: 'Malgun Gothic';}
.location .loc_right .contentArea .sub .loc {float:left; width: 3.5%; text-align: center;}
.location .loc_right .contentArea .sub .loc img {max-width:100%;}

@media screen and (max-width: 1600px){
	.location .loc_left .loc_left_wrap .loc .txt1 {font-size: 1vw;}
	.location .loc_left .loc_left_wrap .loc5 {left: 75%;}
}
@media screen and (max-width: 1500px){
	.location .loc_left .loc_left_wrap .loc5 {left: 80%;}
}
@media screen and (max-width: 1200px){
	.location {margin-top: 50px;}
	.location .loc_left {float: none; width: 100%;}
	.location .loc_right {float: none; width: 80%; padding-left: 0; margin: 0 auto; margin-top: 50px; }

}
@media screen and (max-width: 768px){
	.location .loc_right {width: 100%;}
	.location .loc_left .loc_left_wrap {min-height: 450px; width: 320px;}
	.location .loc_right .titleArea {font-size: 35px; line-height: 40px;}
	.location .loc_right .contentArea .sub {padding: 15px 10px;}
	.location .loc_right .contentArea .sub .left {float: none; width: 100%;}
	.location .loc_right .contentArea .sub .right {float: none; width: 100%; padding-right: 30px;}
	.location .loc_right .contentArea .sub .loc {float: none; width: 25px; position: absolute; top: 50%; right: 15px; transform: translate(0px, -50%);}
}




/*	목재사업부*/
.product {}
.product .proSec {display:flex; margin-top: 110px;}

.product .proSec .proSecLeft {width: 400px;}
.product .proSec .proSecLeft .title1 {font-size: 40px; color: #000; font-weight: 500; letter-spacing: -0.025rem; font-family: 'Noto Sans KR'; }
.product .proSec .proSecLeft .title1 .title1_sub{font-size:21px}

.product .proSec .proSecRight {width: calc(100% - 400px); position: relative; padding-top: 80px;}
.product .proSec .proSecRight:before {content:''; width: 100%; height: 1px; background: #000; position: absolute; top: 20px; left: 0;}


.product .proSec1 {}

.product .pcontent1 {}
.product .pcontent1 .pcWrap {padding-top: 25px;}
.product .pcontent1 .pcWrap .sub {float: left; width: calc((100% - 280px) / 4); margin-right: 70px; position: relative; margin-bottom: 50px;}
.product .pcontent1 .pcWrap .sub:after {content: ""; display: block; padding-bottom: 100%;}
.product .pcontent1 .pcWrap .sub .subWrap {border: solid 13px #084d0d; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 20%);}
.product .pcontent1 .pcWrap .sub .subWrap:after {content: ''; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 20px solid #084d0d; border-right: 20px solid transparent; position: absolute; top: 50%; right: -50px; transform: translate(0px, -50%);}
.product .pcontent1 .pcWrap .sub .subWrap .subWrapIn {width: 100%; height: 100%; position: relative;}
.product .pcontent1 .pcWrap .sub .inNum {font-size: 55px; color: #8cc238; letter-spacing: -0.025rem; font-family: 'Mont-Heavy'; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); position: absolute; left: 70%; top: -10%; z-index: 0;}
.product .pcontent1 .pcWrap .sub .subWrap .subWrapIn .inTxt {font-size: 24px; color: #494949; font-weight: 500; letter-spacing: -0.025rem; font-family: 'Noto Sans KR'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}

.product .pcontent1 .pcWrap .sub1 {float:left;}
.product .pcontent1 .pcWrap .sub2 {float:left;}
.product .pcontent1 .pcWrap .sub3 {float:left;}
.product .pcontent1 .pcWrap .sub4 {float:left;}
.product .pcontent1 .pcWrap .sub5 {float:right;}
.product .pcontent1 .pcWrap .sub6 {float:right;}
.product .pcontent1 .pcWrap .sub7 {float:right;}
.product .pcontent1 .pcWrap .sub8 {float:right;}

.product .pcontent1 .pcWrap .sub4 .subWrap:after {top: auto; bottom: -48px; right: auto; left: 50%; transform: translate(-50%, 0); border-bottom: 17px solid transparent; border-top: 20px solid #084d0d; border-left: 17px solid transparent; border-right: 17px solid transparent;}
.product .pcontent1 .pcWrap .sub5 .subWrap:after,
.product .pcontent1 .pcWrap .sub6 .subWrap:after,
.product .pcontent1 .pcWrap .sub7 .subWrap:after {border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 20px solid transparent; border-right: 20px solid #084d0d; right: auto; left: -50px;}
.product .pcontent1 .pcWrap .sub8 .subWrap:after {width:0; height:0; border: 0 none;}

.product .pcontent2 {}
.product .pcontent2 .pcWrap {}
.product .pcontent2 .mobile_table_arrow {display:none; text-align: right; margin-bottom: 10px;}
.product .pcontent2 .Tb1 {}
.product .pcontent2 .Tb1 th {font-size: 20px; color: #000; letter-spacing: -0.025rem; line-height: 27px; font-family: Malgun Gothic; padding: 18px 0; background:#f1f1f1;}
.product .pcontent2 .Tb1 td {text-align: center; font-size: 18px; color: #000; letter-spacing: -0.025rem; line-height: 27px; font-family: Malgun Gothic; padding: 18px 5px; border-bottom:solid 1px #b0b3ac;}


.product .pcontent3 {padding-top: 160px !important;}
.product .pcontent3 .pcWrap {text-align: center;}
.product .pcontent3 .pcWrap img {max-width:100%;}


.product .pcontent4 {display: flex;}
.product .pcontent4 img {max-width:100%;}
.product .pcontent4 .sub1 {width: 20%;}
.product .pcontent4 .sub1 .thumb {border: solid 1px #d4d4d4; width: 80%; margin: 0 auto; box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 10%);}
.product .pcontent4 .sub1 .txt {font-size: 16px; color: #000; letter-spacing: -0.025rem; font-family: 'Malgun Gothic'; text-align: center; margin-top: 28px;}
.product .pcontent4 .sub2 {width: 11%; text-align: center;}
.product .pcontent4 .sub3 {width: 69%;}
.product .pcontent4 .sub3 .txt1 {font-size: 18px; color: #000; font-family: 'Malgun Gothic'; letter-spacing: -0.025rem;}
.product .pcontent4 .sub3 .txt2 {margin-top: 5px;}
.product .pcontent4 .sub3 .txt2 > li {font-size: 15px; color: #000; font-family: 'Malgun Gothic'; letter-spacing: -0.025rem; position: relative; padding-left: 8px;}
.product .pcontent4 .sub3 .txt2 > li:before {content: ''; width: 2px; height: 2px; position: absolute; left: 0; top: 10px; background: #000;}
.product .pcontent4 .sub3 .txt3 {font-size: 16px; color: #000; font-family: 'Malgun Gothic'; letter-spacing: -0.025rem; margin-top: 18px;}
.product .pcontent4 .sub3 .txt4 {font-size: 24px; color: #000; font-family: 'Noto Sans KR'; letter-spacing: -0.025rem; margin-top: 70px;}

.product .pcontent5 {}
.product .pcontent5 .pcWrap1 {}
.product .pcontent5 .pcWrap1 .sub {float:left; width: calc((100% - 60px) / 4); margin-right: 20px; border: solid 1px #b7b7b7; text-align:center; margin-bottom: 20px;}
.product .pcontent5 .pcWrap1 .sub:nth-child(4n) {margin-right:0;}
.product .pcontent5 .pcWrap1 .sub img {max-width:100%;}
.product .pcontent5 .pcWrap2 {margin-bottom: 60px;}
.product .pcontent5 .pcWrap2 > ul {display: flex;}
.product .pcontent5 .pcWrap2 > ul > li {width: calc((100% - 20px) / 2); font-size: 24px; color: #000; font-weight: 500; letter-spacing: -0.05rem; font-family: 'Noto Sans KR'; position: relative; margin-right:20px; padding-bottom: 10px; margin-top: 40px;}
.product .pcontent5 .pcWrap2 > ul > li:nth-child(2n) {margin-right:0;}
.product .pcontent5 .pcWrap2 > ul > li:after {content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0px; background: #cdcdcd;}

.product .pcontent6 {}
.product .pcontent6 .pcWrap1 {}
.product .pcontent6 .pcWrap1 .sub {float:left; width: calc((100% - 80px) / 5); margin-right: 20px; border: solid 1px #b7b7b7; text-align:center; margin-bottom: 20px; position: relative;}
.product .pcontent6 .pcWrap1 .sub:nth-child(5n) {margin-right:0;}
.product .pcontent6 .pcWrap1 .sub img {max-width:100%; width: 100%;}
.product .pcontent6 .pcWrap1 .sub .num {position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #fff; font-size: 24px; color: #8cc63e; letter-spacing: -0.025rem; font-family: 'Mont-Heavy';}
.product .pcontent6 .pcWrap2 {margin-top: 50px;}
.product .pcontent6 .pcWrap2 .left {float: left; width: 370px;}
.product .pcontent6 .pcWrap2 .left img {max-width:100%; border: solid 1px #b7b7b7;}
.product .pcontent6 .pcWrap2 .right {float: left; width: calc(100% - 370px);}
.product .pcontent6 .pcWrap2 .right > ul{list-style:none; margin:0; padding:0; counter-reset:list-number;}
.product .pcontent6 .pcWrap2 .right > ul li{counter-increment:list-number; line-height:2; position: relative; font-size: 24px; color: #000000; letter-spacing: -0.025rem; font-weight: 500; font-family: 'Noto Sans KR'; padding: 10px 0; padding-left: 30px;}
.product .pcontent6 .pcWrap2 .right > ul li:before{content:counter(list-number); display:inline-block; text-align:center; line-height: 22px; width: 25px; height: 25px; border-radius: 50%; color: #000; font-family: 'Noto Sans KR'; font-size: 18px; border: solid 1px #000; position: absolute; left: 0; top: 23px;}
.product .pcontent6 .pcWrap2 .right > ul li:after {content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0px; background: #cdcdcd;}

.product .pcontent7 {}
.product .pcontent7 .pcWrap1 {}
.product .pcontent7 .pcWrap1 .ps1 {}
.product .pcontent7 .pcWrap1 .ps1.ps1_1 {margin-bottom: 50px;}
.product .pcontent7 .pcWrap1 .ps1 .txt1 {font-size: 24px; color: #000000; font-weight: 500; letter-spacing: -0.025rem;}
.product .pcontent7 .pcWrap1 .ps1 .txt2 {font-size: 18px; letter-spacing: -0.025rem; font-family: Malgun Gothic; margin-top: 12px;}
.product .pcontent7 .pcWrap1 .ps2 {margin-top: 45px;}
.product .pcontent7 .pcWrap1 .ps2 .ps2_left {float:left; width:20%;}
.product .pcontent7 .pcWrap1 .ps2 .ps2_left img {max-width:100%;}
.product .pcontent7 .pcWrap1 .ps2 .ps2_right {float:left; width:80%; font-size: 18px; letter-spacing: -0.025rem; font-family: Malgun Gothic; line-height: 30px;}

.product .pcontent8 {}
.product .pcontent8 .pcWrap1 {}
.product .pcontent8 .pcWrap1 .ps1 {font-size: 24px; letter-spacing: -0.025rem; font-weight: 500;}
.product .pcontent8 .pcWrap1 .ps2 {display: flex; margin-top: 55px;}
.product .pcontent8 .pcWrap1 .ps2 .sub {max-width: 300px;}
.product .pcontent8 .pcWrap1 .ps2 .sub:nth-child(1) {background: url(../../pages/images/wood_circle1_01.png) no-repeat; background-position: top left; background-size: contain;}
.product .pcontent8 .pcWrap1 .ps2 .sub:nth-child(2) {background: url(../../pages/images/wood_circle1_02.png) no-repeat; background-position: top left; background-size: contain;}
.product .pcontent8 .pcWrap1 .ps2 .sub:nth-child(3) {background: url(../../pages/images/wood_circle1_03.png) no-repeat; background-position: top left; background-size: contain;}

.product .pcontent8 .pcWrap1 .ps2 .sub .subWrap {padding: 75px 70px 100px 30px;}
.product .pcontent8 .pcWrap1 .ps2 .sub .subWrap .txt1 {font-size: 25px; font-weight: bold; letter-spacing: -0.025rem; text-align: center;}
.product .pcontent8 .pcWrap1 .ps2 .sub .subWrap .txt2 {font-size: 15px; letter-spacing: -0.025rem; font-family: 'Malgun Gothic'; text-align: center; margin-top: 30px;}

.product .pcontent9 {}
.product .pcontent9 .pcWrap1 {}
.product .pcontent9 .pcWrap1 .ps1 {font-size: 18px; letter-spacing: -0.025rem; line-height: 30px; font-family: 'Malgun Gothic';}
.product .pcontent9 .pcWrap1 .ps2 {background: #f4f4f4; padding: 40px 45px; margin-top: 25px;}
.product .pcontent9 .pcWrap1 .ps2 .psLeft {float:left; width: 28%; padding-right: 30px;}
.product .pcontent9 .pcWrap1 .ps2 .psLeft img {max-width:100%;}
.product .pcontent9 .pcWrap1 .ps2 .psRight {float:left; width: 72%;}
.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1 {}
.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1:first-child {margin-bottom: 12px;}
.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1 .psr1_left {float: left; width: 10%; font-size: 18px; font-weight: bold; letter-spacing: -0.025rem; font-family: 'Malgun Gothic';}
.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1 .psr1_right {float: left; width: 90%; font-size: 17px; letter-spacing: -0.025rem; line-height: 30px; font-family: 'Malgun Gothic';}


.product .pcontent10 {}
.product .pcontent10 .pcWrap1 {}
.product .pcontent10 .pcWrap1 .ps1 {font-size: 24px; letter-spacing: -0.025rem; font-weight: 500;}
.product .pcontent10 .pcWrap1 .ps2 {display: flex; margin-top: 55px;}
.product .pcontent10 .pcWrap1 .ps2 .sub {max-width: 300px; min-width: 300px; min-height: 300px; position: relative;}
.product .pcontent10 .pcWrap1 .ps2 .sub:nth-child(1) {background: url(../../pages/images/wood_circle1_01.png) no-repeat; background-position: top left; background-size: contain;}
.product .pcontent10 .pcWrap1 .ps2 .sub:nth-child(2) {background: url(../../pages/images/wood_circle1_02.png) no-repeat; background-position: top left; background-size: contain;}
.product .pcontent10 .pcWrap1 .ps2 .sub:nth-child(3) {background: url(../../pages/images/wood_circle1_03.png) no-repeat; background-position: top left; background-size: contain;}
.product .pcontent10 .pcWrap1 .ps2 .sub:before {content:''; position: absolute; top: 50%; left: -45px; transform: translate(0px, -60%); width: 60px; height: 56px; background: url(../../pages/images/wood_arrow1.png) no-repeat; background-size: contain; background-position: center;}
.product .pcontent10 .pcWrap1 .ps2 .sub:nth-child(1):before {width:0; height:0;}

.product .pcontent10 .pcWrap1 .ps2 .sub .subWrap {padding: 120px 70px 100px 30px; width: 100%; height: 100%;}
.product .pcontent10 .pcWrap1 .ps2 .sub .subWrap .txt1 {font-size: 25px; font-weight: bold; letter-spacing: -0.025rem; text-align: center;}
.product .pcontent10 .pcWrap1 .ps2 .sub .subWrap .txt2 {font-size: 15px; letter-spacing: -0.025rem; font-family: 'Malgun Gothic'; text-align: center; margin-top: 30px;}

.product .pcontent11 {}
.product .pcontent11 .pcWrap1 {background: #f4f4f4; padding: 50px 55px;}
.product .pcontent11 .pcWrap1 .sub {float: left; width: calc((100% - 150px) / 4); margin-right: 50px; margin-bottom: 45px;}
.product .pcontent11 .pcWrap1 .sub:nth-child(4n) {margin-right:0;}
.product .pcontent11 .pcWrap1 .sub .thumb {text-align:center;}
.product .pcontent11 .pcWrap1 .sub .thumb img {max-width:100%;}
.product .pcontent11 .pcWrap1 .sub .txt {text-align: center; font-size: 18px; letter-spacing: -0.025rem; font-weight: bold; font-family: 'Malgun Gothic'; margin-top: 8px;}


.product .pcontent12 {}
.product .pcontent12 .pcWrap1 {background: #f4f4f4; padding: 50px 55px;}
.product .pcontent12 .pcWrap1 .sub {margin-bottom: 45px;}
.product .pcontent12 .pcWrap1 .sub .thumb {float: left; width: 24%; padding-right: 25px;}
.product .pcontent12 .pcWrap1 .sub .thumb img {border:solid 1px #d1d1d1; max-width:100%;}
.product .pcontent12 .pcWrap1 .sub .content {}
.product .pcontent12 .pcWrap1 .sub .content .txt1 {font-size: 18px; font-weight: bold; letter-spacing: -0.025rem; font-family: 'Malgun Gothic'; margin-bottom: 20px;}
.product .pcontent12 .pcWrap1 .sub .content .txt2 {font-size: 17px; line-height:30px; letter-spacing: -0.025rem; font-family: 'Malgun Gothic';}

.product .pcontent12 .pcWrap1 .sub1 {}
.product .pcontent12 .pcWrap1 .sub1 .thumb {}
.product .pcontent12 .pcWrap1 .sub .content {float: left; width: 76%;}

.product .pcontent12 .pcWrap1 .sub2 {}
.product .pcontent12 .pcWrap1 .sub2 .thumb {}
.product .pcontent12 .pcWrap1 .sub2 .content {float: left; width:52%;}


.product .pcontent13 {}
.product .pcontent13 .pcWrap1 {}
.product .pcontent13 .pcWrap1 .sub {float: left; width: calc((100% - 110px) / 3); margin-right: 55px; text-align: center;}
.product .pcontent13 .pcWrap1 .fac_sub{margin-bottom:30px;}
.product .pcontent13 .pcWrap1 .sub:nth-child(3n) {margin-right:0;}
.product .pcontent13 .pcWrap1 .sub .thumb {margin-bottom: 25px;}
.product .pcontent13 .pcWrap1 .sub .thumb img {max-width:100%; border:solid 1px #d1d1d1;}
.product .pcontent13 .pcWrap1 .sub .txt1 {font-size: 24px; font-weight: 500; letter-spacing: -0.025rem; line-height: 24px;}
.product .pcontent13 .pcWrap1 .sub .txt2 {font-size: 18px; font-weight: 500; letter-spacing: -0.025rem; line-height: 24px;}


.product .pcontent13 .pcWrap2 {margin-bottom: 60px;}
.product .pcontent13 .pcWrap2 > ul {display: flex;}
.product .pcontent13 .pcWrap2 > ul > li {width:100%; font-size: 24px; color: #000; font-weight: 500; letter-spacing: -0.05rem; font-family: 'Noto Sans KR'; position: relative; margin-right:20px; padding-bottom: 10px; margin-top: 40px;}
.product .pcontent13 .pcWrap2 > ul > li:nth-child(2n) {margin-right:0;}
.product .pcontent13 .pcWrap2 > ul > li:after {content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0px; background: #cdcdcd;}



@media screen and (max-width: 1550px){
	.product .pcontent1 .pcWrap .sub .subWrap .subWrapIn .inTxt {font-size: 20px;}
}
@media screen and (max-width: 1400px){
	.product .proSec .proSecLeft {width: 300px;}
	.product .proSec .proSecLeft .title1 {font-size: 30px;}
	.product .proSec .proSecRight {width: calc(100% - 300px);}

	.product .pcontent1 .pcWrap .sub {width: calc((100% - 160px) / 4); margin-right: 40px;}

	.product .pcontent7 .pcWrap1 .ps2 .ps2_left {padding-right: 20px;}
	.product .pcontent7 .pcWrap1 .ps2 .ps2_right br {display:none;}
}
@media screen and (max-width: 1300px){
	.product .pcontent1 .pcWrap .sub .subWrap .subWrapIn .inTxt {font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.product .proSec {display: block;}
	.product .proSec .proSecLeft {width: 100%;}
	.product .proSec .proSecRight {width: 100%;}
	.product .pcontent1 .pcWrap {width: 90%; margin: 0 auto;}
}
@media screen and (max-width: 1024px){
	.product .pcontent1 .pcWrap {width: 100%;}

	.product .pcontent5 .pcWrap1 .sub {width: calc((100% - 20px) / 2); margin-bottom:20px;}
	.product .pcontent5 .pcWrap1 .sub:nth-child(4n) {margin-right:20px;}
	.product .pcontent5 .pcWrap1 .sub:nth-child(2n) {margin-right:0;}
	.product .pcontent5 .pcWrap2 > ul {display: block;}
	.product .pcontent5 .pcWrap2 > ul > li {width: 100%; margin-right: 0px; margin-top: 0px; font-size: 20px; padding-left: 10px;}
	.product .pcontent5 .pcWrap2 > ul > li:before {content:''; width: 4px; height: 4px; position: absolute; left: 0; top: 12px; border-radius: 100%; background: #b7b7b7;}
	.product .pcontent5 .pcWrap2 > ul > li:after {width: 0; height: 0;}
	.product .pcontent5 .pcWrap2 > ul > li:last-child:after {content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0px; background: #cdcdcd;}
	.product .pcontent8 .pcWrap1 .ps2 {display: block;}
	.product .pcontent8 .pcWrap1 .ps2 .sub {margin: 0 auto;}

	.product .pcontent9 .pcWrap1 .ps2 .psLeft {float: none; width: 100%; padding-right: 0; text-align: center;}
	.product .pcontent9 .pcWrap1 .ps2 .psRight {float: none; width: 100%; margin-top: 30px;}

	.product .pcontent10 .pcWrap1 .ps2 {display: block;}
	.product .pcontent10 .pcWrap1 .ps2 .sub {margin: 0 auto;}
	.product .pcontent10 .pcWrap1 .ps2 .sub:before {transform: rotate(90deg); top: -35px; left: calc(50% - 50px); }

	.product .pcontent11 .pcWrap1 .sub {width: calc((100% - 100px) / 3);}
	.product .pcontent11 .pcWrap1 .sub:nth-child(4n) {margin-right:50px;}
	.product .pcontent11 .pcWrap1 .sub:nth-child(3n) {margin-right:0;}


	.product .pcontent12 .pcWrap1 .sub .content {float: none; width: 100%; margin-top: 30px;}
	.product .pcontent12 .pcWrap1 .sub1 .thumb {float: none; width: 100%; text-align: center; padding-right: 0px;}
	.product .pcontent12 .pcWrap1 .sub2 .thumb {float: left; width: 50%; padding-right: 0px; text-align: center;}
}
@media screen and (max-width: 800px){
	.product .pcontent1 .pcWrap .sub {width: calc((100% - 120px) / 3);}
	.product .pcontent1 .pcWrap .sub4 {float: right;}
	.product .pcontent1 .pcWrap .sub7 {float:left;}
	.product .pcontent1 .pcWrap .sub8 {float:left;}
	.product .pcontent1 .pcWrap .sub3 .subWrap:after,
	.product .pcontent1 .pcWrap .sub6 .subWrap:after {top: auto; bottom: -48px; right: auto; left: 50%; transform: translate(-50%, 0); border-bottom: 17px solid transparent; border-top: 20px solid #084d0d; border-left: 17px solid transparent; border-right: 17px solid transparent;}
	.product .pcontent1 .pcWrap .sub4 .subWrap:after {border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 20px solid transparent; border-right: 20px solid #084d0d; right: auto; left: -50px; top: 50%; right: -50px; transform: translate(0px, -50%);}
	.product .pcontent1 .pcWrap .sub7 .subWrap:after {content: ''; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 20px solid #084d0d; border-right: 20px solid transparent; position: absolute; top: 50%; right: -50px; transform: translate(0px, -50%); left:auto;}
}	/*	800px End*/

@media screen and (max-width: 768px){
	.product .proSec .proSecRight {padding-top: 50px;}
	.product .pcontent2 .Tb1 th {font-size: 16px;}
	.product .pcontent2 .Tb1 td {font-size: 16px;}
	.product .pcontent2 .pcWrap {overflow: auto; position: relative;}
	.product .pcontent2 .mobile_table_arrow {display:block;}

	.product .pcontent3 {padding-top: 60px !important;}
	.product .pcontent4 {display: block;}
	.product .pcontent4 .sub1 {width: 50%; float: left; text-align: center;}
	.product .pcontent4 .sub2 {float: left; width: 50%;}
	.product .pcontent4 .sub3 {float: left; width: 100%; margin-top: 50px;}

	.product .pcontent6 .pcWrap1 .sub {width: calc((100% - 20px) / 2);}
	.product .pcontent6 .pcWrap1 .sub:nth-child(5n) {margin-right:20px;}
	.product .pcontent6 .pcWrap1 .sub:nth-child(2n) {margin-right:0;}

	.product .pcontent6 .pcWrap2 .left {float: none; width: 100%; text-align: center; margin-bottom:20px;}
	.product .pcontent6 .pcWrap2 .right {float: none; width: 100%;}
	.product .pcontent6 .pcWrap2 .right > ul li {font-size: 16px;}
	.product .pcontent6 .pcWrap2 .right > ul li:before {line-height: 20px; width: 22px; height: 22px; font-size: 15px; top: 18px;}

	.product .pcontent7 .pcWrap1 .ps1 .txt1 {font-size: 20px;}
	.product .pcontent7 .pcWrap1 .ps1 .txt2 {font-size: 16px;}
	.product .pcontent7 .pcWrap1 .ps2 .ps2_left {padding-right: 0px; float: none; width: 100%; text-align: center;}
	.product .pcontent7 .pcWrap1 .ps2 .ps2_right {float: none; width: 100%; margin-top: 40px; font-size: 16px;}

	.product .pcontent9 .pcWrap1 .ps1 {font-size: 16px;}
	.product .pcontent9 .pcWrap1 .ps2 {padding: 40px 25px;}
	.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1 .psr1_left {float: none; width: 100%; font-size: 16px;}
	.product .pcontent9 .pcWrap1 .ps2 .psRight .psr1 .psr1_right {float: none; width: 100%; font-size: 16px;}

	.product .pcontent11 .pcWrap1 {padding: 30px 15px;}
	.product .pcontent11 .pcWrap1 .sub {width: calc((100% - 20px) / 2); margin-right:20px;}
	.product .pcontent11 .pcWrap1 .sub:nth-child(3n) {margin-right:20px;}
	.product .pcontent11 .pcWrap1 .sub:nth-child(2n) {margin-right:0px;}
	.product .pcontent11 .pcWrap1 .sub .txt {font-size: 16px;}

	.product .pcontent12 .pcWrap1 {padding: 40px 25px;}
	.product .pcontent12 .pcWrap1 .sub2 .thumb {float: none; width: 100%; margin-bottom: 20px;}

	.product .pcontent13 .pcWrap1 .sub {float: none; width: 100%; margin-right: 0; margin-bottom: 30px;}
	.product .pcontent13 .pcWrap1 .sub .thumb {margin-bottom: 15px;}
	.product .pcontent13 .pcWrap1 .sub .txt1 {font-size: 18px;}
	.product .pcontent13 .pcWrap1 .sub .txt2 {font-size: 16px;}

}


@media screen and (max-width: 600px){
	.product .pcontent1 .pcWrap .sub {width: calc(100% - 40px);}
	.product .pcontent1 .pcWrap {width: 70%;}
	.product .pcontent1 .pcWrap .sub .subWrap:after {top: auto; bottom: -48px; right: auto; left: 50%; transform: translate(-50%, 0); border-bottom: 17px solid transparent; border-top: 20px solid #084d0d; border-left: 17px solid transparent; border-right: 17px solid transparent;}
	.product .pcontent1 .pcWrap .sub8 .subWrap:after {border:0 none;}
}







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

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

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

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

}