@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {padding: 0; margin: 0; list-style: none; text-decoration: none;}

.gucci {width: 100%; font-family: 'Noto Sans KR', sans-serif; padding: 50px 0;}

/* box1 */
.gucci_wrap .box1 {width: 100%;}
.gucci_wrap .box1 .section1 {padding: 20px 30px; box-sizing: border-box;}
.gucci_wrap .box1 .section1 > h2 {font-size: 22px; font-weight: bold;}
.gucci_wrap .box1 .section1 > div > img {width: 100%;}

.gucci_wrap .box1 .section2 {width: 100%; padding: 10px 30px; box-sizing: border-box;}
.gucci_wrap .box1 .section2 > div {width: 100%;}
.gucci_wrap .box1 .section2 > div > img {width: 100%; margin:0 auto; object-fit: contain;}
.gucci_wrap .box1 .section2 > h5 {color: #B9BABA; text-align: center; font-size: 14px; padding: 10px 0; font-weight: 400;}

.gucci_wrap .box1 .section3 {width: 100%; padding: 20px 30px; box-sizing: border-box;}
.gucci_wrap .box1 .section3 > p {margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 1.65;}

/* box2 */
.gucci_wrap .box2 {width: 100%; background-color: #F6F2EE;}
.gucci_wrap .box2 .box2_wrap {width: 100%; padding: 40px 0;}
.gucci_wrap .box2 .box2_wrap > .section1 {padding: 20px 30px; box-sizing: border-box;}
.gucci_wrap .box2 .box2_wrap > .section1 > h2 {font-size: 22px; font-weight: bold;}
.gucci_wrap .box2 .box2_wrap > .section1 > div > img {width: 100%;}
.gucci_wrap .box2 .box2_wrap > div > .section2 {width: 100%; padding: 10px 30px; box-sizing: border-box;}
.gucci_wrap .box2 .box2_wrap > div > .section2 > img {width: 100%; object-fit: contain;}
.gucci_wrap .box2 .box2_wrap > div > .section2 > h5 {color: #B9BABA; text-align: center; font-size: 14px; padding: 10px 0; font-weight: 400;}
.gucci_wrap .box2 .box2_wrap > div > .section3 > p {margin-bottom: 40px; font-size: 16px; font-weight: 400; line-height: 1.65;}
.gucci_wrap .box2 .box2_wrap > div > .section3 {width: 100%; padding: 10px 30px; box-sizing: border-box;}
.gucci_wrap .box2 .box2_wrap > div > .section3 > img {width: 100%; object-fit: contain;}
.gucci_wrap .box2 .box2_wrap > div > .section3 > h5 {color: #B9BABA; text-align: center; font-size: 14px; padding: 10px 0; font-weight: 400;}

/* box3 */
.gucci_wrap .box3 {width: 100%; padding: 40px 0;}
.gucci_wrap .box3 .section1 {padding: 20px 30px; box-sizing: border-box;}
.gucci_wrap .box3 .section1 > h2 {width: 100%; font-size: 22px; font-weight: bold;}
.gucci_wrap .box3 .section1 > div > img {width: 100%;}
.gucci_wrap .box3 .section2 {width: 100%; padding: 10px 30px; box-sizing: border-box;}
.gucci_wrap .box3 .section2 > img {width: 100%; object-fit: contain;}
.gucci_wrap .box3 .section2 > h5 {color: #B9BABA; text-align: center; font-size: 14px; padding: 10px 0;}
.gucci_wrap .box3 .section3 > p {margin-bottom: 30px; font-weight: 400;}
.gucci_wrap .box3 .section3 {width: 100%; font-size: 16px;  padding: 10px 30px; box-sizing: border-box; line-height: 1.65;}
.gucci_wrap .box3 .section3 > h5 {color: #B9BABA; text-align: center; font-size: 14px; padding: 10px 0;}

/* box4 */
.gucci_wrap .box4 {width: 85%; margin: 0 auto; padding: 20px 0; background-color:#E7E9E7; margin-bottom: 50px;}
.gucci_wrap .box4 .section1 {padding: 0px 30px; box-sizing: border-box;}
.gucci_wrap .box4 .section1 > h2 {width: 100%; font-size: 22px; font-weight: bold;}
.gucci_wrap .box4 .section1 > div > img {width: 100%;}
.gucci_wrap .box4 .section3 > p { font-weight: 400;}
.gucci_wrap .box4 .section3 {width: 100%; font-size: 16px;  padding: 10px 30px; box-sizing: border-box; line-height: 1.65;}

/* from */
.gucci_wrap .from {width: 85%; margin: 0 auto;}
.gucci_wrap .from > div {width: 60px; border: 1px solid #666; margin-top: 60px 0;}
.gucci_wrap .from > .bottom {margin-top: 15px; margin-bottom: 60px;}
.gucci_wrap .from > h5 {font-size: 16px; color: #666; padding-top: 10px; padding-bottom: 5px;}
.gucci_wrap .from > a {color:#47DBD6; cursor: pointer; border-bottom: 1px solid #47DBD6;}

/* fromby */
.gucci_wrap .fromby {width: 85%; padding: 0 20px;  margin: 0 auto;}
.gucci_wrap .fromby > .top {width: 100%; border: 1px solid #CECECE;}
.gucci_wrap .fromby > .formbyflex {display: flex; padding: 30px 0;}
.gucci_wrap .fromby > .formbyflex > .img {display: none;}
.gucci_wrap .fromby > .formbyflex > .text > h5 {margin-bottom: 15px; font-size: 20px; color: #666;}
.gucci_wrap .fromby > .formbyflex > .text > h5 > span {color: #000;}
.gucci_wrap .fromby > p {padding: 20px 0; line-height: 1.65;}


@media all and (min-width: 480px) {}
@media all and (min-width: 768px) {}


@media all and (min-width: 1080px) {
	/* box1 */
	.gucci_wrap .box1 {width: 100%; max-width: 940px; margin: 0 auto;}
	.gucci_wrap .box1 .section1 {display: flex;}
	.gucci_wrap .box1 .section1 > h2 {width: 43%; font-size: 28px;}
	.gucci_wrap .box1 .section2 > h5 {padding: 5px 0;}
	.gucci_wrap .box1 .section1 > div {width: 55%;}
	.gucci_wrap .box1 .section1 > div > img {width: 70%; padding-top: 24px;}
	.gucci_wrap .box1 .section2 > div > img {object-fit: none;}
	.gucci_wrap .box1 .section2 > div {width: 85%; margin: 0 auto;}

  /* box2 */
	.gucci_wrap .box2 .box2_wrap {width: 100%; max-width: 940px; margin: 0 auto;}
	.gucci_wrap .box2 .box2_wrap > div {display: flex;}
	.gucci_wrap .box2 .box2_wrap > .section1 {display: flex;}
	.gucci_wrap .box2 .box2_wrap > .section1 > h2 {width: 51%; font-size: 28px;}
	.gucci_wrap .box2 .box2_wrap > .section1 > div {width: 45%;}
	.gucci_wrap .box2 .box2_wrap > .section1 > div > img {width: 75%; padding-top: 23px;}
	.gucci_wrap .box2 .box2_wrap > .section3 {padding: 25px 30px;}
	.gucci_wrap .box2 .box2_wrap > div > .section3 > p {padding-top: 15px;}

	/* box3 */
	.gucci_wrap .box3 {width: 100%; max-width: 940px; margin: 0 auto;}
	.gucci_wrap .box3 .section1 {display: flex;}
	.gucci_wrap .box3 .section1 > h2 {width: 65%; font-size: 28px;}
	.gucci_wrap .box3 .section1 > div {width: 40%;}
	.gucci_wrap .box3 .section1 > div > img {padding-top: 23px;}
	.gucci_wrap .box3 .section2 {width: 80%; margin: 0 auto;}
	.gucci_wrap .box3 .section2 > img {object-fit: none;}
	.gucci_wrap .box4 {width: 100%; max-width: 940px; margin: 0 auto; margin-bottom: 50px;}

	/* box4 */
	.gucci_wrap .box4 {width: 100%; max-width: 880px; margin: 0 auto; margin-bottom: 50px;}
	.gucci_wrap .box4 .section1 {display: flex;}
	.gucci_wrap .box4 .section1 > h2 {width: 27%; font-size: 28px;}
	.gucci_wrap .box4 .section1 > div {width: 40%;}
	.gucci_wrap .box4 .section1 > div > img {padding-top: 23px;}

	/* from */
	.gucci_wrap .from {width: 100%; max-width: 880px; margin: 0 auto;}

	/* fromby */
	.gucci_wrap .fromby {width: 100%; max-width: 940px; margin: 0 auto;}
	.gucci_wrap .fromby > .formbyflex > .img {display: block; width: 20%; text-align: center;}
}