@charset "UTF-8";

/********************************
 공통 : 검색(상단)
 *******************************/
.proSrchbox {padding:2.5rem; border:0.2rem solid #e5e5e5; border-radius:1.0rem;}
.proSrchbox::after {content:''; display:block; clear:both;}
.proSrchbox .inner {position:relative; min-height:10.0rem;}
.proSrchbox .inner::after {content:''; display:block; clear:both;}
.proSrchbox .inner .proS_l {width:calc(100% - 35.0rem);}
.proSrchbox .inner .proS_r {position:absolute; right:0; top:50%; padding:1.5rem; width:35.0rem; transform:translateY(-50%);}
.proSrchbox .inner .probTab {display:flex; height:100%; align-items:stretch;}
.proSrchbox .inner .probTab::after {content:''; display:block; clear:both;}
.proSrchbox .inner .probTab > li {padding:1.5rem; height:100%; text-align:center; color:#fff;}
.proSrchbox .inner .probTab.col4 > li {width:25%;}
.proSrchbox .inner .probTab.col5 > li {width:20%;}
.proSrchbox .inner .probTab > li > .proTbtn {padding:1.0rem 0.5rem; border-radius:1.0rem;}
.proSrchbox .inner .probTab > li > .proTbtn > a {display:flex; justify-content:center; flex-direction:column; margin:0 auto; height:100%; text-align:center; text-decoration:none;}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet {position:relative; display:block; margin:0 auto; padding:0.5rem; width:8.0rem; height:7.0rem; background-repeat:no-repeat; background-position:center center;}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet::after {content:''; display:block; position:absolute; right:0.5rem; bottom:0.8rem; width:2.0rem; height:2.0rem; background:url(../../images/img_proChk.svg) 0 0 no-repeat; opacity:0;}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet.con01 {background-image:url(../../images/icon_pro01_on.svg);}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet.con02 {background-image:url(../../images/icon_pro02_on.svg);}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet.con03 {background-image:url(../../images/icon_pro03_on.svg);}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet.con04 {background-image:url(../../images/icon_pro04_on.svg);}
.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet.con05 {background-image:url(../../images/icon_pro05_on.svg);}
.proSrchbox .inner .probTab > li > .proTbtn > a em {display:block; color:#191919; margin:0 auto; font-weight:500;}
.proSrchbox .inner .probTab > li > .proTbtn > a em .bk {display:inline;}
.proSrchbox .inner .probTab > li.chk {}
.proSrchbox .inner .probTab > li.chk > .proTbtn {background:#fff; box-shadow:0.8rem 1.0rem 4.0rem 0 rgba(0,0,0,0.1);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet {}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet::after {opacity:1; bottom:0.5rem; transition:opacity 0.1s linear, bottom 0.2s linear;}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet.con01 {background-image:url(../../images/icon_pro01_on.svg);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet.con02 {background-image:url(../../images/icon_pro02_on.svg);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet.con03 {background-image:url(../../images/icon_pro03_on.svg);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet.con04 {background-image:url(../../images/icon_pro04_on.svg);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a .iconSet.con05 {background-image:url(../../images/icon_pro05_on.svg);}
.proSrchbox .inner .probTab > li.chk > .proTbtn > a em {color:#25a14e; opacity:1.0;}
.proSrchbox .inner .probTab > li > .proTbtn > a:hover em,
.proSrchbox .inner .probTab > li > .proTbtn > a:focus em {color:#25a14e;}

.proSrchbox .inner .addSrch {position:relative; width:100%;}
	/*조달청*/
.proSrchbox .inner .addSrch .chkBox {position:relative; margin-bottom:1.0rem; background-color:#f2f2f2; border-radius:1.0rem;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] {position:absolute; left:-9999px;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label {position:relative; display:table; width:100%; padding-left:7.6rem;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label i {position:absolute; left:1.2rem; top:50%; transform:translateY(-50%);}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label i > span {display:block; position:relative; width:5.0rem; height:2.6rem; border:0.1 solid #e2e2e2; background-color:#fff; border-radius:2.0rem;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label i > span::before {content:''; display:block; position:absolute; left:0; top:0; width:2.6rem; height:2.6rem; background-color:#fff; box-shadow:0.2rem 0.4rem 0.6rem 0 rgba(0,0,0,0.1); border-radius:1.5rem;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label .txt {display:table-cell; width:100%; height:5.0rem; font-weight:500; color:#191919; vertical-align:middle;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label::before {display:none;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"]:checked + label::before {content:'\e92d'; color:#25a14e;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"]:checked + label i > span {background-color:#25ba0d;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"]:checked + label i > span::before {right:0; left:auto;}
.proSrchbox .inner .addSrch .chkBox input[type="checkbox"]:checked + label .txt {color:#25ba0d;}
	/*검색*/
.proSrchbox .inner .addSrch .srchBox {position:relative; padding-right:4.0rem; min-height:4.0rem; text-align:left;}
.proSrchbox .inner .addSrch .srchBox::after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:0.2rem; background-color:#191919;}
.proSrchbox .inner .addSrch .srchBox input {padding:0 0.5rem; width:100%; height:3.4rem; color:#333;}
.proSrchbox .inner .addSrch .srchBox input:focus {outline:none;}
.proSrchbox .inner .addSrch .srchBox input::placeholder {color:#555;}
.proSrchbox .inner .addSrch .srchBox button {position:absolute; right:0; top:0; width:4.0rem; height:3.4rem; background:url(../../images/icon_mSearch_on.svg) center top 0.8rem no-repeat;}

	/*media query*/
@media screen and (max-width:1340px) {
	.proSrchbox .inner .proS_l {width:calc(100% - 30.0rem);}
	.proSrchbox .inner .proS_r {width:30.0rem;}
}
@media screen and (max-width:1200px) {
	.proSrchbox .inner .proS_l {width:100%;}
	.proSrchbox .inner .proS_r {position:static; right:auto; top:auto; padding:1.5rem; width:100%; transform:translateY(0);}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.proSrchbox {padding:1.0rem;}
	/*.proSrchbox .inner .probTab > li {padding:1.0rem 1.0rem 0;}*/
	.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet {width:6.0rem; height:5.3rem; background-size:cover;}
	.proSrchbox .inner .probTab > li > .proTbtn > a em {margin-top:0.5rem; font-size:1.4rem; line-height:1.2;}
	.proSrchbox .inner .probTab > li > .proTbtn > a em .bk {display:block;}
}
@media screen and (max-width:640px) {
	.proSrchbox .inner .proS_r {padding:0.5rem 0.5rem 1.0rem;}
	
	.proSrchbox .inner .probTab {display:block;}
	.proSrchbox .inner .probTab.col4 > li,
	.proSrchbox .inner .probTab.col5 > li {float:left; padding:0.5rem; width:33.333%;}
	.proSrchbox .inner .probTab > li > .proTbtn {padding:0.5rem; border:0.1rem solid #f2f2f2;}
	.proSrchbox .inner .probTab > li > .proTbtn > a {display:table; width:100%;}
	.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet {display:none;}
	.proSrchbox .inner .probTab > li > .proTbtn > a em {display:table-cell; width:100%; height:4.0rem; color:#999; font-size:1.4rem; line-height:1.2; vertical-align:middle;}
	.proSrchbox .inner .probTab > li.chk > .proTbtn > a em {color:#fff;}
	.proSrchbox .inner .probTab > li.chk > .proTbtn {border-color:#1cae8b; background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6); box-shadow:0.4rem 0.4rem 1.0rem 0 rgba(0,0,0,0.1);}
	
	.proSrchbox .inner .addSrch .chkBox {margin-bottom:0.5rem;}
	.proSrchbox .inner .addSrch .chkBox input[type="checkbox"] + label .txt {height:4.4rem;}
	
	/*.proSrchbox {padding:1.5rem;}
	.proSrchbox .inner .proS_r {padding:1.5rem 0.5rem;}
	
	.proSrchbox .inner .probTab {display:block;}
	.proSrchbox .inner .probTab.col4 > li,
	.proSrchbox .inner .probTab.col5 > li {float:left; padding:0.5rem; width:33.333%;}
	
	.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet {width:4.6rem; height:4.1rem;}
	.proSrchbox .inner .probTab > li > .proTbtn > a .iconSet::after {right:0rem;}
	.proSrchbox .inner .probTab > li > .proTbtn > a em {font-size:1.4rem; line-height:1.2;}*/
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 제품 : 세부카테고리
 *******************************/
.proCtBox {margin-bottom:3.0rem; min-height:7.0rem; border-bottom:0.1rem solid #ececec;}
.proCtBox .proCtInner {position:relative; margin:0 auto; padding:0 1.0rem; max-width:132.0rem;}
.proCtBox .proCtInner .proMbtn {display:none; padding:1.0rem 0.6rem;}
.proCtBox .proCtInner .proMbtn .proDbtn {display:block; width:100%; border:0.2rem solid #ececec; border-radius:0.8rem; text-align:left;}
.proCtBox .proCtInner .proMbtn .proDbtn:focus {outline:none;}
.proCtBox .proCtInner .proMbtn .proDbtn > span {position:relative; display:block; padding-left:1.0rem; padding-right:3.5rem; width:100%; line-height:4.0rem; color:#555; vertical-align:middle;}
.proCtBox .proCtInner .proMbtn .proDbtn > span::after {content:''; display:block; position:absolute; right:1.0rem; top:50%; width:2.0rem; height:2.0rem; background:url(../../images/icon_boxclose.svg) center center no-repeat; transform:translateY(-50%);}
	/*효과*/
.proCtBox .proCtInner .proMbtn.on .proDbtn > span::after {background-image:url(../../images/icon_boxopen.svg);}

.proCtBox .proCtInner .porList {display:block; font-size:0;}
.proCtBox .proCtInner .porList::after {content:''; display:block; clear:both;}
.proCtBox .proCtInner .porList > li {display:inline-block; padding:1.0rem 1.5rem 0; font-size:1.6rem;}
.proCtBox .proCtInner .porList > li button {position:relative; display:table; font-size:1.6rem; font-weight:500; color:#999;}
.proCtBox .proCtInner .porList > li button > span {position:relative; display:table-cell; height:6.0rem; vertical-align:middle;}
.proCtBox .proCtInner .porList > li button > span::after {content:''; position:absolute; left:50%; bottom:-0.1rem; width:0; height:0.3rem; background-color:#25a14e;}
.proCtBox .proCtInner .porList > li.on button {}
.proCtBox .proCtInner .porList > li.on button > span {color:#191919;}
.proCtBox .proCtInner .porList > li.on button > span::after {width:100%; margin-left:-50%; transition:all 0.2s linear;}
.proCtBox .proCtInner .porList > li:hover button > span::after,
.proCtBox .proCtInner .porList > li:focus button > span::after {width:100%; margin-left:-50%; transition:all 0.2s linear;}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.proCtBox {margin-bottom:2.0rem; min-height:inherit;}
	.proCtBox .proCtInner {padding:0 1.4rem;}
	.proCtBox .proCtInner .proMbtn {display:block;}
	
	.proCtBox .proCtInner .porList {display:none; padding:0 0 1.0rem;}
	.proCtBox .proCtInner .porList > li {float:left; margin:0.5rem 0; padding:0 0.6rem; width:25%;}
	.proCtBox .proCtInner .porList > li button {display:flex; align-items:center; padding:0.5rem; width:100%; height:6.0rem; font-size:1.4rem; line-height:1.2; text-align:center; border:0.1rem solid #dcdcdc; border-radius:0.5rem;}
	.proCtBox .proCtInner .porList > li button > span {display:block; padding:1.0rem 0 1.0rem; width:100%; height:auto;}
	.proCtBox .proCtInner .porList > li button > span::after {display:none;}
	.proCtBox .proCtInner .porList > li.on button {border-color:#25a14e; transition:border-color 0.2s linear;}
}
@media screen and (max-width:640px) {
	.proCtBox {}
	.proCtBox .proCtInner {padding:0 1.7rem;}
	.proCtBox .proCtInner .proMbtn {display:block; padding-left:0.3rem; padding-right:0.3rem;}
	
	.proCtBox .proCtInner .porList > li {margin:0.3rem 0; padding:0 0.3rem; width:33.3333%;}
	.proCtBox .proCtInner .porList > li button {height:5.0rem;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 제품 : 리스트
 *******************************/
.proTotaltxt {padding:0 1.0rem; text-align:right; font-weight:500; color:#555;}
.proTotaltxt .pinTxt {color:#25ba0d;}
.proListbox {}
.proListbox ul {font-size:0;}
.proListbox ul::after {content:''; display:block; clear:both;}
.proListbox ul > li {display:inline-block; padding:1.0rem; width:33.3333%; vertical-align:top}
.proListbox .proSet {padding-bottom:2.0rem;}
.proListbox .proInfo {display:flex; justify-content:center; flex-direction:column;}
.proListbox .proInfo .porImg {display:flex; justify-content:center; flex-direction:column; margin-bottom:2.0rem; height:26.0rem; text-align:center; /*background-color:#f2f2f2;*/}
.proListbox .proInfo .porImg img {margin:0 auto; max-height:26.0rem;}
.proListbox .proInfo .proTit {overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; margin-bottom:1.6rem; font-size:2.6rem; color:#191919; font-weight:700; line-height:1.2;}
.proListbox .proInfo .proSpec {position:relative; margin-bottom:2.0rem; padding-left:2.4rem;}
.proListbox .proInfo .proSpec::before {content:''; display:block; position:absolute; left:0; top:0; bottom:0; width:4px; height:100%; background-color:#ddece2;}
.proListbox .proInfo .proSpec > ul {font-size:1.6rem;}
.proListbox .proInfo .proSpec > ul li {display:flex; float:none; margin-top:1.0rem; padding:0; width:100%; line-height:1.4;}
.proListbox .proInfo .proSpec > ul li:first-child {margin-top:0;}
.proListbox .proInfo .proSpec > ul li.aic {align-items:center;}
.proListbox .proInfo .proSpec > ul li .tit {padding-right:2.0rem; width:8.0rem; font-weight:500; color:#191919;}
.proListbox .proInfo .proSpec > ul li .tit .bk {display:block;}
.proListbox .proInfo .proSpec > ul li .txt {width:calc(100% - 8.0rem);}
.proListbox .proInfo .proSpec > ul li .txt strong {color:#0060de;}

	/*옵션:색상*/
.proListbox .proInfo .proSpec > ul li .txt .clcset {position:relative; padding:0.3rem; display:inline-block;}
.proListbox .proInfo .proSpec > ul li .txt .clcset > em {overflow:hidden; display:block; width:1.8rem; height:1.8rem; border-radius:50%; text-indent:-9999px;}

	/*옵션:인증마크*/
.proListbox .proInfo .proSpec > ul li .txt .markset {position:relative; display:inline-block;}
.proListbox .proInfo .proSpec > ul li .txt .markset img {overflow:hidden; margin:0 0.3rem; width:2.6rem;}

.proListbox .proInfo .btnMore {font-size:1.6rem;}
.proListbox .proInfo .btnMore > a {display:block; margin:0 auto; padding:1.0rem; max-width:20.0rem; color:#191919; font-weight:500; border:0.1rem solid #dcdcdc; background-color:#fff; border-radius:1.0rem; text-align:center;}
.proListbox .proInfo .btnMore > a span {display:inline-block;}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
	.proListbox ul > li {width:50%;}
	
	.proListbox .proInfo .proTit {font-size:2.4rem;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.proListbox .proInfo .proTit {font-size:2.0rem;}
	.proListbox .proInfo .proSpec > ul,
	.proListbox .proInfo .btnMore {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
	.proListbox ul > li {display:block; width:inherit;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 제품 : 보기
 *******************************/
.proViewTbox {position:relative; margin-bottom:4.0rem; padding:0 0 4.0rem; font-size:0; /*border-top:0.3rem solid #191919;*/}
/*.proViewTbox::before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.1rem; background:url(../../images/img_line_dot01.svg) 0 0 repeat-x;}*/
.proViewTbox::after {content:''; display:block; clear:both;}
.proViewTbox .proTset {position:relative; display:inline-block; width:50%; min-height:44.0rem; font-size:1.6rem; vertical-align:top;}
.proViewTbox .proTset.proImgbox {width:calc(100% - 50.0rem);}
.proViewTbox .proTset.proInfobox {padding:2.0rem 0 8.0rem 4.0rem; width:50.0rem;}

.proTset.proImgbox .slick-slide {}
.proTset.proImgbox .slick-slide img {margin:0 auto; max-height:44.0rem;}
.proTset.proImgbox .slick-dots {bottom:-3.0rem;}
.proTset.proImgbox .slick-dots li button:before {content:''; width:1.0rem; height:1.0rem; border-radius:50%; background-color:#000;}
.proTset.proImgbox .slick-dots li.slick-active button:hover:before,
.proTset.proImgbox .slick-dots li.slick-active button:focus:before,
.proTset.proImgbox .slick-dots li.slick-active button:before {opacity:1; background-color:#25ba0d;}
.proTset.proImgbox .slick-dots li button:hover:before,
.proTset.proImgbox .slick-dots li button:focus:before {opacity:0.25; background-color:#25ba0d;}

.proTset.proInfobox .proInfo {display:flex; justify-content:center; flex-direction:column;}
.proTset.proInfobox .proInfo .cateBox {margin-bottom:1.0rem;}
.proTset.proInfobox .proInfo .cateBox > strong {display:inline-block; padding:0.5rem 2.0rem; font-size:1.5rem; font-weight:300; color:#25ba0d; border:0.1rem solid #25ba0d; border-radius:2.0rem;}
.proTset.proInfobox .proInfo .proTit {margin-bottom:1.6rem; padding-left:0.5rem; font-size:2.4rem; color:#191919; font-weight:700; line-height:1.2;}

.proTset.proInfobox .proSpec {position:relative;}
.proTset.proInfobox .proSpec > ul {padding-left:0.5rem; font-size:1.6rem;}
.proTset.proInfobox .proSpec > ul li {display:flex; float:none; margin-top:1.0rem; padding:0; width:100%; line-height:1.4;}
.proTset.proInfobox .proSpec > ul li:first-child {margin-top:0;}
.proTset.proInfobox .proSpec > ul li .tit {padding-right:2.0rem; width:8.0rem; font-weight:500; color:#191919;}
.proTset.proInfobox .proSpec > ul li .tit .bk {display:block;}
.proTset.proInfobox .proSpec > ul li .txt {width:calc(100% - 8.0rem);}
.proTset.proInfobox .proSpec > ul li .txt strong {color:#0060de;}

	/*옵션:색상*/
.proTset.proInfobox .proSpec > ul li .txt .clcset {position:relative; padding:0.3rem; display:inline-block;}
.proTset.proInfobox .proSpec > ul li .txt .clcset > em {overflow:hidden; display:block; width:1.8rem; height:1.8rem; border-radius:50%; text-indent:-9999px;}

	/*옵션:인증마크*/
.proTset.proInfobox .proSpec > ul li .txt .markset {position:relative; padding:0.3rem; display:inline-block;}
.proTset.proInfobox .proSpec > ul li .txt .markset img {overflow:hidden; width:2.6rem;}

.proTset.proInfobox .btnTbox {position:absolute; left:0; bottom:0; padding:0 2.0rem; width:100%; height:5.0rem; font-size:0; text-align:center;}
.proTset.proInfobox .btnTbox > a {display:inline-block; width:50%; padding:0 0.5rem; vertical-align:top; text-decoration:none;}
.proTset.proInfobox .btnTbox > a span {display:block; line-height:4.8rem; color:#191919; font-size:1.6rem; font-weight:500; border:0.1rem solid #dcdcdc; background-color:#fff; border-radius:1.0rem; text-align:center;}
.proTset.proInfobox .btnTbox > a:hover span,
.proTset.proInfobox .btnTbox > a:focus span {color:#fff; border-color:#1cae8b; background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6);}

/*제품 상세 페이지*/
.proViewCbox {position:relative; padding:5.0rem 2.0rem 10.0rem; background-color:#f8f8f8;}
.proViewCbox .privInner {position:relative; margin:0 auto; padding:0 2.0rem 2.0rem; max-width:130.0rem; background-color:#fff; border-radius:2.0rem; box-shadow:0.2rem 0.8rem 1.0rem rgba(0,0,0,0.05);}
.proViewCbox .privInner p {margin:0;}
.proViewCbox .proviewTit {position:relative; margin-bottom:4.0rem; padding:4.0rem 0; text-align:center; font-size:3.4rem; color:#191919; font-weight:700;}
.proViewCbox .proviewTit::before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.1rem; background:url(../../images/img_line_dot01.svg) 0 0 repeat-x;}
.proViewCbox .proViewCont {position:relative; text-align:center;}


	/*media query*/
@media screen and (max-width:1340px) {
	.proViewCbox {padding-bottom:8.0rem;}
}
@media screen and (max-width:1200px) {
	.proViewTbox .proTset.proImgbox {width:calc(100% - 46.0rem);}
	.proViewTbox .proTset.proInfobox {padding:2.0rem 0 8.0rem 3.0rem; width:46.0rem;}
	
	/*상세*/
	.proViewCbox {padding:3.5rem 2.0rem 7.0rem;}
	.proViewCbox .proviewTit {font-size:3.0rem;}
}
@media screen and (max-width:1024px) {
	.proViewTbox .proTset {display:block; min-height:inherit;}
	.proViewTbox .proTset.proImgbox {width:100%;}
	.proViewTbox .proTset.proInfobox {padding:2.0rem 3.0rem 0; width:100%;}
	
	.proTset.proInfobox .proInfo .proTit {margin-bottom:1.4rem; font-size:2.0rem;}
	
	.proTset.proInfobox .proSpec {margin-bottom:2.0rem;}
	
	.proTset.proInfobox .btnTbox {position:static; left:auto; bottom:auto; padding:0;}
	
	/*상세*/
	.proViewCbox {padding:2.0rem 2.0rem 6.0rem;}
	.proViewCbox .privInner {border-radius:1.0rem;}
	.proViewCbox .proviewTit {margin-bottom:3.0rem; padding:3.0rem 0; text-align:center; font-size:2.6rem;}
}
@media screen and (max-width:767px) {
	.proViewTbox {margin-bottom:2.0rem; padding:2.0rem 0;}
	.proViewTbox .proTset.proInfobox {padding:2.0rem 0 0; width:100%;}
	
	.proTset.proImgbox .slick-slide img {max-height:inherit;}
	
	.proTset.proInfobox  .proInfo .cateBox > strong {font-size:1.4rem;}
	.proTset.proInfobox  .proSpec > ul {font-size:1.4rem;}
	
	.btnTbox > a span {line-height:4.4rem; font-size:1.5rem;}
	
	/*상세*/
	.proViewCbox {padding-bottom:5.0rem;}
	.proViewCbox .proviewTit {margin-bottom:2.0rem; padding:2.0rem 0; text-align:center; font-size:2.0rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 통합검색
 *******************************/
.totalTopbox {position:relative; margin:-8.0rem auto 0; padding:0 2.0rem; max-width:134.0rem; z-index:3;}
.totalTopbox .ttInner {display:flex; justify-content:center; flex-direction:column; padding:1.0rem 5.0rem; min-height:14.0rem; background-color:#fff; border-radius:2.0rem 2.0rem 0 0; box-shadow:0 -1.2rem 1.2rem rgba(0,0,0,0.1); transition:padding 0.2s linear;}
.totalTopbox .ttInner .resultTxt {font-size:2.7rem; font-weight:500; color:#191919; text-align:center; line-height:1.3; }
.totalTopbox .ttInner .resultTxt em,
.totalTopbox .ttInner .resultTxt strong {color:#25ba0d;}

.totalSearch {margin:0 auto; padding:0 2.0rem; max-width:134.0rem;}
.totalSearch .ttsrhInner {padding:0 18.0rem; font-size:0; transition:padding 0.2s linear;}
.totalSearch .ttsrhInner .ttDivbox {position:relative; display:inline-block; font-size:1.6rem; vertical-align:top; transition:width 0.2s linear;}
.totalSearch .ttsrhInner .ttDivbox.set01 {width:45%;}
.totalSearch .ttsrhInner .ttDivbox.set02 {padding-right:6.0rem; width:55%;}
.totalSearch .ttsrhInner .ttDivbox.set03 {display:block; margin-top:1.0rem;}
.totalSearch .ttsrhInner .ttsrhSet {padding:1.0rem;}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcSel {}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcSel select {padding:0 3.2rem 0 2.6rem; width:100%; height:6.0rem; border-radius:3.0rem; background-position:right 2.0rem center; box-shadow:0.2rem 0.4rem 1.2rem rgba(0,0,0,0.1);}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcSel select:focus {outline:none;}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcInput {}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcInput input {padding:0 2.6rem; width:100%; height:6.0rem; font-size:1.6rem; border-radius:3.0rem; box-shadow:0.2rem 0.4rem 1.2rem rgba(0,0,0,0.1);}
.totalSearch .ttsrhInner .ttsrhSet .ttsrcInput input:focus {outline:none;}
.totalSearch .ttsrhInner .ttsrhBtn {position:absolute; right:0; top:1.0rem;}
.totalSearch .ttsrhInner .ttsrhBtn > button {position:relative; display:block; width:6.0rem; height:6.0rem; background-color:#25ba0d; border-radius:50%; box-shadow:0.2rem 0.4rem 1.2rem rgba(0,0,0,0.2);}
.totalSearch .ttsrhInner .ttsrhBtn > button::after {content:''; display:block; position:absolute; left:50%; top:50%; width:1.8rem; height:1.8rem; background:url(../../images/icon_mSearch.svg) 0 0 no-repeat; transform:translate(-50%, -50%);}
.totalSearch .ttsrhInner .ttsrcAdd {padding-left:2.6rem;}
.totalSearch .ttsrhInner .ttsrcAdd label {font-size:1.5rem;}

	/*media query*/
@media screen and (max-width:1340px) {
	.totalSearch .ttsrhInner {padding:0 10.0rem;}
}
@media screen and (max-width:1200px) {
	.totalTopbox {margin-top:-6.0rem;}
	.totalTopbox .ttInner {padding:3.0rem 4.0rem 2.0rem; min-height:10.0rem;}
	.totalTopbox .ttInner .resultTxt {font-size:2.3rem;}
	
	.totalSearch .ttsrhInner {padding:0 8.0rem;}
}
@media screen and (max-width:1024px) {
	.totalSearch .ttsrhInner {padding:0 6.0rem;}
}
@media screen and (max-width:992px) {
	.totalSearch .ttsrhInner {padding:0 4.0rem;}
}
@media screen and (max-width:767px) {
	.totalTopbox .ttInner {padding:2.0rem 2.0rem 2.0rem;}
	.totalTopbox .ttInner .resultTxt {font-size:2.0rem;}
	
	.totalSearch {padding:0;}
	.totalSearch .ttsrhInner {padding:0 2.0rem;}
	.totalSearch .ttsrhInner .ttDivbox.set01 {width:100%;}
	.totalSearch .ttsrhInner .ttDivbox.set02 {padding-right:0; width:100%;}
	.totalSearch .ttsrhInner .ttsrhSet {padding:0.5rem 0;}
	.totalSearch .ttsrhInner .ttsrhSet .ttsrcSel select {height:5.0rem; font-size:1.4rem;}
	.totalSearch .ttsrhInner .ttsrhSet .ttsrcInput input {padding-right:6.0rem; height:5.0rem; font-size:1.4rem;}
	.totalSearch .ttsrhInner .ttsrhBtn {top:0.5rem;}
	.totalSearch .ttsrhInner .ttsrhBtn > button {width:5.0rem; height:5.0rem;}
	.totalSearch .ttsrhInner .ttsrcAdd {padding-left:2.0rem;}
}
@media screen and (max-width:640px) {
	.totalTopbox .ttInner .resultTxt {font-size:1.8rem;}
}
@media screen and (max-width:480px) {
}