@charset "UTF-8";

/* common */
.container {margin-bottom: 100px;}
.sec > figure {width: 848px; flex-shrink: 0;}
.sec .txt {padding: 30px 0 0 42px;}

.content-wrap.cu .sec-tit {margin: 30px 0 0 0; letter-spacing: normal; line-height: 1.3; color: #0e1518; font-size: 32px; font-weight: 300;}
.txt .desc p {margin-top: 20px;}
.info {font-size: 15px; color: #999999; margin-top: 14px;} 
.sec .txt .desc h5{font-size: 18px; color: #0e1518; margin-top: 50px;} 

/* 옮긴 영역 */
.brand-intro {margin-bottom: 100px;}
.brand-intro .brand-kv .group-logo {width: 146px;}
.brand-intro .brand-kv .txt {text-align: center; margin-bottom: 50px;}
.brand-intro .brand-kv .txt .tit {font-size: 32px; margin: 20px 0 8px;}
.brand-intro .brand-kv .txt .desc p {letter-spacing: -.063em;}
.brand-intro .brand-value-system figure {width: 834px;}
.brand-intro .brand-kv .group-logo {margin: 0 auto;}
.brand-intro figure {margin: 0 auto;} 

/* cu */
.cu ul {margin-top: 40px;}
.cu ul li {border-bottom: 1px solid #dddddd; padding: 27px 0 15px;}
.cu ul li:first-child {padding-top: 0;}
.cu ul li p {color: #39b54a; font-size: 20px;}
.cu ul li div {width: 137px;}
.cu ul li div span {display: block; font-size: 15px; color: #999999; margin-bottom: 8px;}
.cu ul li div strong {font-size: 18px; color: #0e1518;}
.cu .txt .desc p {margin-top: 27px;}


/* heyroo */
.heyroo .sec-tit {width: 57%;}
.heyroo .txt .desc p {margin-top: 50px;}
.content-wrap .sec + .sec {margin-top: 50px;}

/* brand-logo */
.cu .brand-logo figure {width: 133px;}
.heyroo .brand-logo figure {width: 229px;}
.get .brand-logo figure {width: 98px;}
.delaffe .brand-logo figure {width: 291px;}
.pbick .brand-logo figure {width: 198px;}

@media screen and (max-width: 1440px) {
	/* common */
	.container {margin-bottom: 6.94vw;}
	.sec > figure {width: 58.89vw;}
	.sec .txt {padding: 2.08vw 0 0 2.92vw;}

	.content-wrap.cu .sec-tit {margin: 2.08vw 0 0 0; font-size: 2.22vw;}
	.txt .desc p {margin-top: 1.39vw;}
	.info {font-size: 11px; margin-top: 5px;} 
	.sec .txt .desc h5{font-size: 1.25vw; margin-top: 3.47vw;} 

	/* 옮긴 영역 */
	.brand-intro {margin-bottom: 6.94vw;}
	.brand-intro .brand-kv .group-logo {width: 10.14vw;}
	.brand-intro .brand-kv .txt {margin-bottom: 3.47vw;}
	.brand-intro .brand-kv .txt .tit {font-size: 2.22vw; margin: 1.39vw 0 0.56vw;}
	.brand-intro .brand-value-system figure {width: 57.92vw;}

	/* cu */
	.cu ul {margin-top: 2.78vw;}
	.cu ul li {padding: 1.88vw 0 1.04vw;}
	.cu ul li p {font-size: 1.39vw;}
	.cu ul li div {width: 9.51vw;}
	.cu ul li div span {font-size: 1.04vw; margin-bottom: 0.56vw;}
	.cu ul li div strong {font-size: 1.25vw;}
	.cu .txt .desc p {margin-top: 1.88vw;}


	/* heyroo */
	.heyroo .txt .desc p {margin-top: 3.4722vw;}
	.content-wrap .sec + .sec {margin-top: 3.4722vw;}

	.friends_wrap .desc h5 {font-size: 1.25vw; }
	.friends_wrap .desc p { font-size: 1.0417vw; padding: 1.3889vw 0 3.4722vw 0;}
	.friends figure {padding: 1.6667vw 0 0 8.4722vw; width: 36.3889vw; height: 21.5278vw;}
	.video-area {max-width: 36.39vw;}

	/* brand-logo */
	.cu .brand-logo figure {width: 9.24vw;}
	.heyroo .brand-logo figure {width: 15.90vw;}
	.get .brand-logo figure {width: 6.81vw;}
	.delaffe .brand-logo figure {width: 20.21vw;}
	.pbick .brand-logo figure {width: 13.75vw;}

}

@media screen and (max-width: 768px) {
	.content {padding-bottom: 11.90vw;}
	.content-wrap {padding-top: 9.52vw;}
	.sec.d-flex {display: block;}

	/* common */
	.container {margin-bottom: 0;}
	.sec > figure {width: 100%;}
	.sec .txt {padding: 4.76vw 0 0 0; line-height: normal;}	

	.content-wrap.cu .sec-tit {margin: 3.57vw 0 0 0; font-size: 3.81vw; font-weight: 400; color: #0e1517;}
	.txt .desc p {margin-top: 1.90vw; font-size: 3.10vw; line-height: normal;}
	.info {font-size: 2.62vw; margin-top: 1.19vw; font-weight: 300;} 
	.sec .txt .desc h5{font-size: 3.57vw; margin-top: 3.57vw; font-weight: 500;} 

	/* 옮긴 영역 */
	.brand-intro {margin-bottom: 11.72vw;}
	.brand-intro .brand-kv .group-logo {width: 21.43vw;}
	.brand-intro .brand-kv .txt {text-align: center; margin-bottom: 9.52vw;}
	.brand-intro .brand-kv .txt .tit { font-size: 3.81vw; font-weight: 700; margin: 2.38vw 0 0.71vw; line-height: normal; letter-spacing: -0.03em;}
	.brand-intro ul li h4 {font-size: 2.86vw; color: #0e1517;}
	.brand-intro ul li p {font-size: 2.62vw;}
	.brand-intro .brand-structure figure {width: 47.14vw; margin: 0;}
	.brand-intro .brand-kv .txt {margin-bottom: 11.90vw;}
	.brand-intro .brand-structure .txt h4{font-weight: 600;}
	.brand-intro .brand-structure .txt p{line-height: 1.4;}
	.brand-intro .brand-kv .txt .desc p {font-weight: 400; letter-spacing: 0;}
	.brand-intro .brand-value-system ul li {width: 30.95vw; height: 30.95vw; margin: 3.57vw auto 0; text-align: center; border: 1.19vw solid #adb2b5; border-radius: 50%;}
	.brand-intro .brand-value-system ul li p {color: #999;} 
	.brand-intro .brand-value-system ul li h4 {padding-bottom: 0.71vw; border-bottom: 0.24vw solid #ccc; font-weight: 400;}
	.brand-intro .brand-value-system ul li strong {display:block; color: #3bb149; padding-top: 1.19vw; font-size: 2.86vw; font-weight: 600; line-height: 1.4;}

	/* cu */
	.cu ul {margin-top: 0;}
	.cu ul li {padding: 5.95vw 0 5.95vw 4.76vw;}
	.cu ul li:first-child {padding-top: 5.95vw;}
	.cu ul li p {color: #3bb149;; font-size: 3.10vw;}
	.cu ul li div {width: 25.00vw;}
	.cu ul li div span {display: block; font-size: 2.86vw; color: #999; margin-bottom: 0;}
	.cu ul li div strong {font-size: 2.86vw; color: #0e1517; font-weight: 300;}
	.cu .txt .desc p {margin-top: 4.76vw; font-size: 3.10vw;}
	

	/* heyroo */
	.heyroo .sec-tit {width: 100%;}
	.heyroo .txt .desc p {margin-top: 3.57vw;}
	.content-wrap .sec + .sec {margin-top: 3.57vw;}

	/* delaffe */
	.delaffe .txt .desc p {padding-top: 4.76vw; margin-top: 0;}

	/* pbick */
	.pbick .txt .desc p {padding-top: 4.76vw; margin-top: 0;}

	/* brand-logo */
	.sec .txt .brand-logo figure {width: auto;}
	.sec .txt .brand-logo figure img {width: auto; height: 100%;}
	.cu .brand-logo figure {height: 9.05vw;}
	.heyroo .brand-logo figure {height: 8.10vw;}
	.get .brand-logo figure {height: 8.33vw;}
	.delaffe .brand-logo figure {height: 8.10vw;}
	.pbick .brand-logo figure {height: 8.10vw;}
}


@media screen and (max-width: 380px) {
	.info {font-size: 10px;} 
}

@media screen and (max-width: 370px) {
	.cu ul li div span {font-size: 10px;}
	.cu ul li div strong {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.content {padding-bottom: 38px;}
	.content-wrap {padding-top: 30px;}

	/* common */
	.sec .txt {padding: 15px 0 0 0;}

	.content-wrap.cu .sec-tit {margin: 11px 0 0 0; font-size: 12px;}
	.txt .desc p {margin-top: 6px; font-size: 10px;}
	.info {margin-top: 4px;} 
	.sec .txt .desc h5{font-size: 11px; margin-top: 11px;} 

	/* 옮긴 영역 */
	.brand-intro {margin-bottom: 20px;}
	.brand-intro .brand-kv .group-logo {width: 69px;}
	.brand-intro .brand-kv .txt { margin-bottom: 30px;}
	.brand-intro .brand-kv .txt .tit { font-size: 12px;  margin: 8px 0 2px;}
	.brand-intro .brand-value-system ul li {width: 99px; height: 99px; margin: 11px auto 0; border: 4px solid #adb2b5;}
	.brand-intro .brand-value-system ul li h4 {padding-bottom: 2px;}
	.brand-intro .brand-value-system ul li strong { padding-top: 4px; font-size: 9px;}

	/* cu */
	.cu .brand-logo figure {height: 29px;}
	.cu ul li {padding: 19px 0 19px 15px;}
	.cu ul li:first-child {padding-top: 19px;}
	.cu ul li p { font-size: 10px;}
	.cu ul li div {width: 80px;}
	.cu ul li div span {margin-bottom: 0;}
	.cu .txt .desc p {margin-top: 15px; font-size: 10px;}
	

	/* heyroo */
	.heyroo .brand-logo figure {height: 26px;}
	.heyroo .txt .desc p {margin-top: 11px;}
	.content-wrap .sec + .sec {margin-top: 11px;}

	/* get */
	.get .brand-logo figure {height: 27px;}

	/* delaffe */
	.delaffe .brand-logo figure {height: 26px;}
	.delaffe .txt .desc p {padding-top: 15px;}

	/* pbick */
	.pbick .brand-logo figure {height: 26px;}
	.pbick .txt .desc p {padding-top: 15px;}
}