@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  회사소개 :: 회사소개 ********************** */

.intro-banner-con {padding-top: 2.7rem;}
.intro-banner-con .banner-img-box {position: relative; width: 100%; height: 0; padding-top: 37.835%; background: center / cover no-repeat url("/images/content/company_intro_banner01.jpg"); background-attachment: fixed;}
.banner-img-box .banner-txt-box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; width: 100%; height: 100%; max-width: 1400px;}
.intro-banner-con .intro-banner-tit01 {font-size: 7rem; font-weight: 700; letter-spacing: -0.02em; color: #fff;}
.intro-banner-con .intro-banner-txt01 {font-size: 2rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: #fff; padding-top: 2.3rem; text-align: center;}
.intro-banner-con .schema-txt-box {display: flex;}
.intro-banner-con .schema-txt-box .schema-tit {width: 30.714%; font-size: 4rem; font-weight: 700; line-height: 1.37em; letter-spacing: -0.05em; color: #000;}
.intro-banner-con .schema-txt-box .schema-txt {width: 64.286%; font-size: 1.8rem; font-weight: 500; line-height: 1.66em; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.6); padding-left: 5%;}
.intro-banner-con .banner-schema-box {margin-top: 14.2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom:10rem;}
.intro-banner-con .schema-img-box {margin-top: -11rem;}
.intro-banner-con .schema-img-box img {display: block; margin: 10rem auto 0; max-width: 100%;}

.intro-banner-con02 {padding: 0 0 21.6rem 0; /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); */}
.intro-banner-con02 .area {padding-top: 14rem; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.intro-banner-con02 .intro-banner-txt02 {font-size: 3.2rem; font-weight: 700; line-height: 1.37em; letter-spacing: -0.05em; color: #fff; text-align: center;}
.intro-banner-con02 .intro-banner-txt02 strong {color: var(--main-color);}
.cm-con-top-tit {font-size: 4rem; font-weight: 700; line-height: 1.37em; letter-spacing: -0.05em; color: #000; padding-bottom: 3.5rem;}
.intro-banner-con02 .banner-img-box {position: relative; width: 100%; height: 0; padding-top: 30%; background: center / cover no-repeat url("/images/content/company_intro_banner02.jpg"); overflow: hidden; border-radius: 1rem;}
.intro-banner-con02 .intro-mission-txt-box {text-align: center; margin-top: 20rem;}
.intro-banner-con02 .banner-con02-tit {position: relative; font-size: 2.4rem; font-weight: 700; line-height: 1.6em; letter-spacing: -0.02em; color: #000; padding-bottom: 2rem;}
.intro-banner-con02 .banner-con02-tit.wt {color: #fff;}
.intro-banner-con02 .banner-con02-tit.title-circle::before {position: absolute; content: ""; width: 0.5rem; height: 3.5rem; top: -8rem; left: 50%; transform: translateX(calc(-50% - 0.5px)); background: center / cover no-repeat url("/images/content/intro_title_circle.png");}
.intro-banner-con02 .mission-txt {display: inline-block; position: relative; font-size: 3.2rem; font-weight: 700; line-height: 1.37em; letter-spacing: -0.05em; color: #000;}
.intro-banner-con02 .mission-txt strong {color: var(--main-color); font-weight: 700;}
.intro-banner-con02 .mission-txt::before {position: absolute; content: ""; top: 50%; left: -5.5rem; transform: translateY(-50%); width: 3.5rem; height: 3rem; background: center / cover no-repeat url("/images/content/quotes_left.png");}
.intro-banner-con02 .mission-txt::after {position: absolute; content: ""; top: 50%; right: -5.5rem; transform: translateY(-50%); width: 3.5rem; height: 3rem; background: center / cover no-repeat url("/images/content/quotes_right.png");}
.intro-banner-con02 .value-schema-box {text-align: center; margin-top: 21.5rem;}
.intro-banner-con02 .value-schema-box img {display: block; margin: 0 auto; max-width: 100%;}
.intro-banner-con02 .value-schema-box .img-box {margin-top: 2.4rem;}
.cm-con-top-tit br {display: none;}

/* 비디오 영역 Start */
.intro-page .video-iframe-wrapper {border-radius:2rem;}
.intro-page .video-iframe-box {padding-top: 48.572%;}
.intro-video-con.area {padding: 14rem 0 15rem 0; border-top:1px solid rgba(0, 0, 0, 0.2);}
.video-iframe-wrapper{position:relative; margin:0px auto; overflow:hidden; /* border-radius: 2rem; */}
.video-iframe-box{position:relative; padding-top:49.021%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
/* .video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";} */
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff; width: 10rem; height: 10rem; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
}

@media all and (max-width: 1460px) {
	.intro-banner-con .banner-img-box .banner-txt-box {max-width: none; width: calc(100% - var(--area-padding) * 2);}
	.intro-banner-con02 .area {margin: 0 var(--area-padding);}
	.intro-video-con.area {padding: 14rem 0 15rem; margin: 0 var(--area-padding);}
}

@media all and (max-width: 1280px) {
	.intro-banner-con .banner-img-box {background-attachment: initial; background-size: cover;}
}

@media all and (max-width: 800px) {
	.intro-banner-con {padding-top: 1.4rem;}
	.intro-banner-con .schema-txt-box {display: block;}
	.intro-banner-con .banner-schema-box {margin-top: 7rem;}
	.intro-banner-con .schema-txt-box .schema-tit {width: 100%;}
	.intro-banner-con .schema-txt-box .schema-txt {width: 100%; padding-left: 0; padding-top: 2rem;}
	.intro-banner-con .schema-img-box {margin-top: -5rem;}
	.intro-banner-con .intro-banner-tit01 {font-size: 3.5rem;}
	.intro-banner-con .intro-banner-txt01 {font-size: 1.6rem;  padding-top: 1.5rem;}

	.intro-banner-con02 .area {padding: 7rem 0;}
	.intro-banner-con02 .banner-img-box {padding-top: 42.038%;}
	.intro-banner-con02 .intro-mission-txt-box {margin-top: 10rem;}
	.banner-img-box .banner-txt-box .banner-con02-tit {padding-bottom: 1rem;}
	.intro-banner-con02 .value-schema-box {margin-top: 14rem;}
	.intro-banner-con02 .intro-banner-txt02 {font-size: 2.4rem;}

	.intro-video-con.area {padding: 7rem 0;}
	.intro-banner-con02 .mission-txt::before {top: -4rem; left: 50%; transform: translate(-50%, 0);}
	.intro-banner-con02 .mission-txt::after {top: auto; bottom: -4rem; right: 50%; transform: translate(50%, 0);}
	.intro-banner-con02 .mission-txt {width: 100%; margin-top: 5rem;}
	.intro-banner-con02 .banner-con02-tit.title-circle::before {top: -6rem;}
	.video-cover-box .icon {width: 6rem; height: 6rem;}
}

@media all and (max-width: 480px) {
	.intro-banner-con .banner-img-box {padding-top: 75%;}
	.intro-banner-con02 .banner-img-box {padding-top: 70%;}
}

@media all and (max-width: 412px) {
	.cm-con-top-tit br {display: block;}
}

/* ******************  회사소개 :: 글로벌 네트워크 ********************** */
.global-page .main-global-con {max-width: 1920px; margin: 0 auto;}
.global-page .global-circle-box {top: 145px; left: 18.5%;}
.global-page .global-map-con {height: 938.3px;}
.global-page .global-img-box {height: 938.3px;}
.global-page .global-img-box .bg {height: 100%;}
.global-page .global-map-txt-box {position: absolute; z-index: 1; right: 30%; top: 40%;}
.global-page .global-map-tit {font-size: 6.5rem; font-weight: 700; line-height: 1.15em; letter-spacing: -0.05em; color: #000; text-transform: uppercase;}
.global-page .global-map-tit strong {color: var(--main-color);}
.global-page .global-map-txt {font-size: 2rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.6); padding-top: 2rem;}
.cm-flex-con {display: flex; border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 10rem 0;}
.cm-flex-con:first-child {margin-top: 8rem;}
.cm-flex-con .cm-flex-tit {width: 30.715%; padding-right: 5%; font-size: 4rem; font-weight: 700; line-height: 1.25em; letter-spacing: -0.05em; color: #000; box-sizing:border-box;}
.cm-flex-con > .img-box {width: calc(100% - 30.715%); }
.cm-flex-con > .img-box img {max-width:100%;}
.cm-flex-con .global-process-list-wrap {width: 64.286%;}
.cm-flex-con .process-box-txt {font-size: 2rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em; color: rgba(0,0,0,0.6);}
.cm-flex-con .process-box-txt.ps {margin-top: 4.5rem;}
.cm-flex-con .process-box-txt.ps .ps-icon {font-size:1.2rem; position: relative; top: -6px; margin-right: 5px;}
.cm-flex-con .process-list-box {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 3rem; margin-top: 4.5rem;}
.cm-flex-con .process-list-box .process-list {display: flex; flex-direction: column; align-items: center; justify-content: center; border: 5px solid rgba(0, 0, 0, 0.05); padding: 5rem 4rem; border-radius: 1rem; transition: all 0.3s;}
.cm-flex-con .process-list-box .process-list .icon-box {position: relative; display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; background-color: #f5f5f5; border-radius: 50%; margin-bottom: 3rem;}
.cm-flex-con .process-list-box .process-list .icon-box img {max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cm-flex-con .process-list-box .process-list .icon-box img.hover_ico {opacity: 0;}
.cm-flex-con .process-list-box .process-list .txt-box {text-align: center;}
.cm-flex-con .process-list-box .process-list-num {font-size: 2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #000;}
.cm-flex-con .process-list-box .process-list-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.66em; letter-spacing: -0.05em; color: rgba(0,0,0,0.6); padding-top: 1rem; min-height: 6rem;}
.cm-flex-con .process-list-box .process-list.active {background-color: var(--main-color); border-color: var(--main-color);}
.cm-flex-con .process-list-box .process-list.active .process-list-num {color: #fff;}
.cm-flex-con .process-list-box .process-list.active .process-list-txt {color: #fff;}
.cm-flex-con .process-list-box .process-list.active .icon-box {background-color: rgba(255, 255, 255, 0.15);}
.cm-flex-con .process-list-box .process-list.active .icon-box img {opacity: 0;}
.cm-flex-con .process-list-box .process-list.active .icon-box img.hover_ico {opacity: 1;}

.cm-flex-con .global-info-wrap {width: 64.286%;}
.cm-flex-con .global-info-wrap .info-box {display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 8rem 0;}
.cm-flex-con .global-info-wrap .info-box:first-child {padding-top: 0;}
.cm-flex-con .global-info-wrap .info-box:last-child {border-bottom: none;}
.cm-flex-con .global-info-wrap .info-box .info-tit {width: 27.667%; font-size: 2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #000; }
.cm-flex-con .global-info-wrap .info-box .info-tit strong {letter-spacing: -0.02em;}
.cm-flex-con .global-info-wrap .info-box .info-list-box {width: 70.333%; padding-left: 2%;}
.cm-flex-con .global-info-wrap .info-box .info-list {display: flex;}
.cm-flex-con .global-info-wrap .info-box .info-list > p {font-size: 1.8rem; font-weight: 500; line-height: 1.8em; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.6); padding-left: 1.2rem;}
.cm-flex-con .global-info-wrap .info-box .info-list > span {line-height: 3.6rem;}
.cm-flex-con .global-info-wrap .info-box .info-list > span i {font-size: 1.8rem; color: rgba(0, 0, 0, 0.6); line-height: 1.8rem;}

@media all and (max-width: 1280px) {
	.cm-flex-con .process-list-box .process-list {padding: 3rem;}
	.cm-flex-con .process-list-box .process-list-txt {min-height: 10.4rem;}
}

@media all and (max-width: 800px) {
	.cm-flex-con {display: block; padding: 5rem 0;}
	.global-page .main-global-con {padding: 5rem 0;}
	.cm-flex-con:first-child {margin-top: 4rem;}
	.cm-flex-con .cm-flex-tit {width: 100%; padding-right: 0;}
	.cm-flex-con .global-process-list-wrap {width: 100%; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap {width: 100%; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap .info-box {display: block;}
	.cm-flex-con .process-list-box {margin-top: 2.5rem;}
	.cm-flex-con .global-info-wrap .info-box .info-tit {width: 100%;}
	.cm-flex-con .global-info-wrap .info-box .info-list-box {width: 100%; padding-left: 0; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap .info-box {padding: 4rem 0;}
	
	.cm-flex-con > .img-box {width: 100%; margin-top: 3rem;}
}

@media all and (max-width: 640px) {
	.cm-flex-con .process-list-box {grid-template-columns: 1fr;}
	.cm-flex-con .process-list-box .process-list-txt {min-height: auto;}
	.cm-flex-con .process-list-box {grid-gap: 3rem 0;}
}

/* ******************  사업소개 :: 조리 로봇 시스템 개발 ********************** */
.business-cm-content {width: 64.286% !important;}
.development-page .cm-flex-con:last-child {padding-bottom: 15rem;}
.business-page .business-tit {font-size: 2rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: #000; margin-bottom: 1.5rem;}
.business-page .business-txt {position: relative; font-size: 1.8rem; font-weight: 500; line-height: 1.7em; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.6);}
.business-page .business-txt.circle {line-height: 1.8em; padding-left: 1.2rem;}
.business-page .business-txt.circle::before {position: absolute; content: ""; width: 4px; height: 4px; left: 0; top: 1.33rem; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%;}
.business-page .business-img-box .img-box {position: relative; margin-top: 5.3rem; border-radius: 5px; overflow: hidden;}
.business-page .business-img-box .img-box a {position: absolute; display: flex; align-items: center; justify-content: space-between; bottom: 1.8rem; right: 3.2rem; width: 32rem; height: 5.5rem; padding: 0 3rem; box-sizing: border-box;
	font-size: 1.6rem; font-weight: 500; letter-spacing: -0.02em; color: #fff; border-radius: 2.7rem; background: #111111;}
.business-page .business-img-box .img-box img {max-width: 100%;}

.business-page .main-prd-list {display: flex; flex-direction: column; padding-top: 0; width: 100%; gap: 4rem 0;}
.business-page .main-prd-list li {width: 100%;}
.business-page .main-prd-list li:first-child {padding-top: 0;}
.business-page .main-prd-list li:last-child {padding-top: 0;}
.business-page .main-prd-list li a {flex-direction: row; align-items: center; height: auto; border: 5px solid transparent; transition: all 0.3s;}
.business-page .main-prd-list li a:before {left: 73%; top: 50%; transform: translateY(-50%)}
.business-page .main-prd-list li a .img-box {padding-top: 0; padding-right: 2.7rem;}
.business-page .main-prd-list li a .txt-box {padding: 0 5.4rem;}
.business-page .main-prd-list li a:hover {border: 5px solid var(--main-color);}

.business-page .main-prd-list li a .txt-box .main-prd-tit {font-size: 3.5rem;}

@media all and (max-width: 800px) {
	.business-cm-content {width: 100% !important; margin-top: 2rem;}
	.development-page .cm-flex-con:last-child {padding-bottom: 7.5rem;}
	.business-page .main-prd-list li a {padding: var(--area-padding);}
	.business-page .main-prd-list li a .txt-box {padding: 0 3rem 0 0;}
	.business-page .main-prd-list li a .img-box {padding-right: 0;}
	.business-page .main-prd-list li a .txt-box .main-prd-tit {padding-bottom: 1.5rem;}
	.business-page .main-prd-list li a .txt-box .main-prd-sub-tit {padding-bottom: 0.7rem;}
	.business-page .main-prd-list li a:before {left: 50%; bottom: auto; top: 50%; transform: translate(-50%, -50%); margin-left: 0;}

	.business-page .business-img-box .img-box {margin-top: 2.7rem;}
	.business-page .business-img-box .img-box a {right: 2rem; width: 26rem;height: 5rem; padding: 0 2.5rem;}
	.business-page .main-prd-list li a {flex-direction: column;}
	.business-page .main-prd-list li a .txt-box {width: 100%; padding: 0;}
	.business-page .main-prd-list li a .img-box {width: 100%; padding-right: 0; margin-top: 3rem;}
	.business-page .main-prd-list li a .img-box img {display: block; margin: 0 auto;}
}

@media all and (max-width: 800px) {
	.business-page .main-prd-list li a {padding: 3.5rem var(--area-padding)}
}

/* ******************  사업소개 :: 방청사업(VpCI) ********************** */
.business-strength-list {width: calc(100% - 30.715%);}
.business-strength-list li {display:flex; border:2px solid #eee; box-sizing:border-box; border-radius:10px; margin-top: 2rem;}
.business-strength-list li:first-of-type {margin-top: 0;}
.business-strength-list .ico-box {width: 16rem; height: 16rem; background: #f5f5f5;}
.business-strength-list .ico-box span {width: 4.8rem; margin: 0 auto; position: relative; display: block; height: 0; padding-top: 100%;}
.business-strength-list .txt-box {width: calc(100% - 16rem); padding-left: 4rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.business-strength-list .tit {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.2; margin-bottom: 1.5rem;}
.business-strength-list .txt {font-size:1.8rem; letter-spacing:-0.05em; color:rgba(0,0,0,0.6); font-weight: 500; line-height:1.667;}

@media all and (max-width:800px){
	.business-strength-list {width: 100%; margin-top: 3rem;}	
	.business-strength-list li {flex-wrap:wrap;}
	.business-strength-list .txt-box {padding: 2rem; width: 100%;}
	.business-strength-list .ico-box {width: 100%; height: auto; padding: 2rem 0;}
	.business-strength-list .ico-box span {height: 0; padding-top: 4.8rem;}
}

/* ******************  사업소개 :: 건축사업(MCI) ********************** */
.business-cm-content .youtube-box {margin-top: 5rem; border-radius: 5px; overflow: hidden;}
.business-cm-content .video-iframe-box {padding-top: 55.557%;}
.admixture-list {display:flex; margin: 0 -0.75rem; width: calc(100% - 30.715%);}
.admixture-list li {margin: 0 0.75rem;}
.admixture-list li .img-box img {max-width:100%;}
.admixture-list p {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.2; margin-top: 1.6rem;}

@media all and (max-width:800px){
	.admixture-list {flex-wrap:wrap; width: 100%; margin: 3rem 0 0;}
	.admixture-list li {width: 100%; margin: 2.3rem 0 0;}
	.admixture-list li:first-of-type {margin-top: 0;}
	.admixture-list li .img-box img {width: 100%;}
	.admixture-list p {font-size:1.7rem;}
}

/* ******************  사업소개 :: 프랜차이즈 사업 ********************** */
.franchise-page .cm-flex-con:last-child {padding-bottom: 17rem;}

/* ******************  제품소개 :: 제품 리스트 ********************** */
.pd-category-list {display:flex; flex-wrap:wrap; margin:-0.5rem; padding-bottom:4rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.pd-category-list li {margin:0.5rem; height: 4.5rem;}
.pd-category-list li a {display:inline-block; height: 100%; line-height:4.5rem; background: #f5f5f5; border-radius:22.5px; padding: 0 2.55rem;}
.pd-category-list li a em {font-size:1.8rem; letter-spacing:-0.05em; color: #000; font-weight: 500; }
.pd-category-list li.active a {background: var(--main-color); -webkit-box-shadow: 8px 8px 24px 0px rgba(37, 144, 78, 0.3);
-moz-box-shadow: 8px 8px 24px 0px rgba(37, 144, 78, 0.3);
box-shadow: 8px 8px 24px 0px rgba(37, 144, 78, 0.3);}
.pd-category-list li.active a em {color: #fff;}
.pd-info-box {display:flex; border-radius:20px; margin-top: 6.3rem; overflow:hidden;}
.pd-info-box .left-box {display: flex; flex-direction: column; justify-content: space-between; background: #f5f5f5; width: 27.143%; padding: 5rem; box-sizing: border-box;}
.pd-info-box .left-box .top-box {padding-bottom: 2rem;}
.pd-info-box .right-box {width: calc(100% - 27.143%);}
.pd-info-tit {display:inline-block; font-size:4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.1; margin: 1.6rem 0 1.3rem;}
.pd-info-txt {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.5); font-weight: 500; line-height:1.75; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;}
.index-num {font-size:1.4rem; letter-spacing:-0.05em; color: #aaa; line-height:2em; font-weight: 700; font-family:var(--font-family2);}
.index-num .cur {font-size:2rem; color: #000;}
.youtube-link {display:flex; align-items:center; justify-content:space-between; height: 5rem; 
border:2px solid rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; padding: 0 1.5rem; box-sizing:border-box; transition:var(--transition-custom);}
.youtube-link em {font-size:1.4rem; color: #000; transition:var(--transition-custom);}
.youtube-link i {font-size:1.8rem; color: #000; transition:var(--transition-custom);}
.youtube-link:hover {background: var(--main-color); border-color:var(--main-color);}
.youtube-link:hover em, .youtube-link:hover i {color: #fff;}
.pd-gallery-box {margin-top: 6rem; padding-bottom:3rem;}
.product-list-page .video-iframe-box {padding-top: 50rem;}

@media all and (max-width:800px){
	.pd-info-box {flex-direction:column-reverse;}
	.pd-info-box .left-box {width: 100%; padding: 3rem;}
	.pd-info-box .right-box {width: 100%;}
	.youtube-link {margin-top: 2.5rem;}
	.product-list-page .video-iframe-box {padding-top: 30rem;}
}

/* ******************  제품소개 :: 제품 리스트 ********************** */