@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * sub_visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sub_visual {padding: 30px 0 0; box-sizing: border-box;}
/*--- text ---*/
.sub_visual .text {text-align: center;}
.sub_visual .text p {font-size: var(--fz-18); color: #0a2a3b;}
.sub_visual .text h2 {font-weight: 500; font-family: var(--eng-font), var(--main-font); font-size: var(--fz-24); line-height: 1.2em; color: #0a2a3b; text-transform: lowercase;}
.sub_visual .text h2::first-letter {text-transform: uppercase;}

/*--- sub_path ---*/
.sub_visual .sub_path {display: flex; align-items: center; font-size: var(--fz-16); line-height: 1.625em; color: #666; gap: 15px; margin-bottom: 15px;}
.sub_visual .sub_path .home {display: flex; align-items: center; gap: 10px;}
.sub_visual .sub_path i {display: block; width: 1px; height: 10px; background-color: #666; transform: rotate(45deg);}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * sub_tab *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
:is(.sub_tab, .shop_tab) {margin-top: 20px;}
:is(.sub_tab, .shop_tab) ul {display: flex; justify-content: center; flex-wrap: wrap;}
:is(.sub_tab, .shop_tab) ul li {width: 14.285%; position: relative; text-align: center; font-size: var(--fz-18); line-height: 1.44em; color: #666;}
:is(.sub_tab, .shop_tab) ul li.on {font-weight: 600; color: #0a2a3b;}
:is(.sub_tab, .shop_tab) ul li::after,
:is(.sub_tab, .shop_tab) ul li::before {content: ''; position: absolute; top: 50%; left: 0; height: 15px; width: 1px; background-color: #666; transform: translateY(-50%);}
:is(.sub_tab, .shop_tab) ul li::after {display: none; right: 0; left: unset;}
:is(.sub_tab, .shop_tab) ul li:last-child::after {display: block;}

@media all and (max-width: 1024px) {
    :is(.sub_tab, .shop_tab) ul li {width: 20%;}
}

@media all and (max-width: 767px) {
    :is(.sub_tab, .shop_tab) ul li {width: 33.3333%;}
    :is(.sub_tab, .shop_tab) ul li:nth-child(3n)::after {display: block;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구스 가이드 (Goose-Down 이란?) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.guide .tab {position: relative; display: block;}
.guide .heading {margin-bottom: 20px;}
/*--- row01 ---*/
.explain .row01 .img_box {text-align: center;}
.explain .row01 .img_box img {width: 100%; max-width: fit-content;}

/*--- row02 ---*/
/* common */
.explain .square_list > li + li {margin-top: 60px;}
.explain .row02 table tbody tr + tr {border-top: 1px solid #d3d3d3;}

/* nation */
.explain .row02 .nation .flex_wrap {display: flex; gap: 20px;}
.explain .row02 .nation .flex_wrap .right {width: calc(30% - 10px);}
.explain .row02 .nation .flex_wrap .right img {height: 100%; width: 100%; object-fit: contain; object-position: center center;}
.explain .row02 .nation .flex_wrap .left {width: calc(70% - 10px);}
.explain .row02 .nation table {height: 100%;}
.explain .row02 .nation table col:nth-child(1) {width: 260px;}
.explain .row02 .nation table col:nth-child(3) {width: 150px;}
.explain .row02 .nation table td {padding: 20px 10px; box-sizing: border-box;}
.explain .row02 .nation table .img_box {display: inline-block; border: 1px solid #757575; max-width: 95px; vertical-align: middle;}
.explain .row02 .nation table .img_box img {width: 100%;}
.explain .row02 .nation span {font-weight: 600; font-size: var(--fz-16); color: #444; display: block;}
.explain .row02 .nation b {font-weight: 600; vertical-align: (--fz-24); line-height: 1.16em; color: #444;}

/* badding */
.explain .row02 :is(.badding, .gram) .flex_wrap {display: flex; gap: 40px 100px;}
.explain .row02 :is(.badding, .gram) .txt_box {width: calc(50% - 100px);}
.explain .row02 :is(.badding, .gram) .img_box {width: 50%;}
.explain .row02 :is(.badding, .gram) .img_box img {width: 100%;}

/* gram */
.explain .row02 .gram .flex_wrap {align-items: flex-end;}
.explain .row02 .gram table {margin-top: 40px;}
.explain .row02 .gram table td + td {border-left: 1px solid #d3d3d3;}
.explain .row02 .gram table th:nth-child(2) {border-left: 4px solid #0a2a3b; border-right: 4px solid #0a2a3b; border-top: 4px solid #0a2a3b;}
.explain .row02 .gram table td:nth-child(2) {border-left: 4px solid #0a2a3b; border-right: 4px solid #0a2a3b;}
.explain .row02 .gram table tr:last-child td:nth-child(2) {border-bottom: 4px solid #0a2a3b;}

@media all and (max-width: 1200px) {
    .explain .row02 .nation span {display: block;}
    .explain .row02 .nation table col:nth-child(1) {width: 110px;}
    .explain .row02 .nation table td:nth-child(1) {text-align: center;}
    .explain .row02 :is(.badding, .gram) .flex_wrap {gap: 40px;}
    .explain .row02 :is(.badding, .gram) .txt_box {width: calc(50% - 40px);}
}

@media all and (max-width: 1024px) {
    .explain .row02 :is(.badding, .gram) .flex_wrap {flex-wrap: wrap;}
    .explain .row02 :is(.badding, .gram) .txt_box, 
    .explain .row02 :is(.badding, .gram) .img_box {width: 100%;}
    .explain .row02 .nation .flex_wrap .right {display: none;}
    .explain .row02 .nation .flex_wrap .left {width: 100%;}
}

/*--- row03 ---*/
.explain .row03 .txt_box {font-size: var(--fz-18); line-height: 1.56em; color: #444;}
.explain .row03 .txt_box h6 {font-weight: 600; font-size: var(--fz-18); line-height: 1.56em; color: #222;}
.explain .row03 ul {display: flex; justify-content: center; gap: 40px; margin-top: 40px;}
.explain .row03 ul li {display: flex; align-items: center; justify-content: center; width: calc(25% - 30px); max-width: 275px; aspect-ratio: 1/1; border-radius: 50%; border: 2px solid #747e83; overflow: hidden;}
.explain .row03 ul li img {object-fit: cover; object-position: center center;}
.explain .row03 ul li .center{height: 70%; width: 100%; padding: 0 10px; box-sizing: border-box; text-align: center;}
.explain .row03 ul li .center::before {content: 'Fill Power'; font-family: var(--eng-font); font-size: var(--fz-18); line-height: 1.56em; letter-spacing: 0.2em; color: #728088;}
.explain .row03 ul li h6 {font-weight: 600; font-size: var(--fz-32); line-height: 1em; color: #4d636e; margin: 15px 0; box-sizing: border-box;}
.explain .row03 ul li h6 span {font-size: var(--fz-20);}
.explain .row03 ul li p {font-size: var(--fz-17); line-height: 1.56em; color: #666;}

@media all and (max-width: 1200px) {
    .explain .row03 ul {gap: 20px;}
    .explain .row03 ul li {width: calc(25% - 15px);}
}

@media all and (max-width: 950px) {
    .explain .row03 ul {flex-wrap: wrap;}
    .explain .row03 ul li {width: calc(50% - 20px);}
}

@media all and (max-width: 1024px) {
    .explain .row03 ul {gap: 20px;}
}

@media all and (max-width: 767px) {
    .explain .row03 ul {flex-wrap: wrap;}
    .explain .row03 ul li {width: 100%; max-width: 225px;}
}
/*--- row04 ---*/
/* layout */
.explain .row04 .w1100 {max-width: 1100px; margin: auto;}
.explain .row04 .flex_wrap {display: flex; align-items: flex-start; justify-content: space-between;}
/* txt_box */
.explain .row04 .txt_box {width: 60%;}
.explain .row04 .txt_box .label_txt {position: absolute; bottom: calc(100% + 15px); left: 0; font-size: 14px; color: #2a4553; font-weight: 600; background-color: #f4f4f4; padding: 15px 20px; box-sizing: border-box; width: fit-content;}
.explain .row04 .txt_box .label_txt::before {content: ''; position: absolute; top: 100%; left: 10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #f4f4f4 transparent transparent transparent;}
.explain .row04 ul li {display: flex; gap: 50px; padding: 45px 0; box-sizing: border-box;}
.explain .row04 ul li + li {border-top: 1px solid #ececec;}
.explain .row04 ul li .tit {width: calc(60% - 50px);}
.explain .row04 ul li h5 {font-weight: 600; font-size: var(--fz-20); line-height: 1.4em; color: #0a2a3b;}
.explain .row04 ul li .txt {width: 40%; position: relative;}
.explain .row04 ul li p {font-size: var(--fz-18); line-height: 2.11em; color: #666;}
.explain .row04 ul li p b {font-weight: 600; color: #444;}
/* img_box  */
.explain .row04 .img_box {flex: 1; text-align: right;}
.explain .row04 .img_box img {width: 100%; max-width: fit-content;}
/* desc_box */
.explain .row04 .desc_box {background-color: #f6f6f6; border: 1px solid #d3d3d3; padding: 35px; box-sizing: border-box;}
.explain .row04 .desc_box p {font-size: var(--fz-18); line-height: 1.55em; color: #666;}
.explain .row04 .desc_box h5 {font-weight: normal; font-family: var(--sub-font); font-size: var(--fz-20); line-height: 1.4em; color: #0a2a3b; margin-top: 10px;}
.explain .row04 .desc_box h5 b {font-weight: 600;}

@media all and (max-width: 767px) {
    .explain .row04 .img_box {display: none;}
    .explain .row04 .txt_box {width: 100%;}
}

/*--- row05 ---*/
.explain .row05 .box_wrap {background: #f4f4f4;}
.explain .row05 .desc_box {margin-top: 60px;}
.explain .row05 .desc_box h6 {margin-bottom: 0; font-size: var(--fz-22);}
.explain .row05 .desc_box h5 {font-size: var(--fz-24);}
.explain .row05 .color-box {margin: 15px 0 35px;}
.explain .row05 .color-box p {background-color: #0a2a3b; color: #fff; width: fit-content; margin: auto; padding: 5px 15px; box-sizing: border-box; font-family: var(--sub-font);}
.explain .row05 .box_wrap {padding: 60px 30px; box-sizing: border-box; max-width: fit-content; margin: auto; margin-top: 30px;}
.explain .row05 .box_wrap .box {max-width: 815px; margin: auto;}
.explain .row05 .box_wrap .box .desc_box {margin-top: 0;}
.explain .row05 table {margin-top: 30px;}
/* 테이블 강조 */
.explain .row05 table th:nth-child(2) {border-top: 2px solid #0a2a3b; border-left: 2px solid #0a2a3b; border-right: 2px solid #0a2a3b;}
.explain .row05 table td:nth-child(2) {border-left: 2px solid #0a2a3b; border-right: 2px solid #0a2a3b;}
.explain .row05 table tr:last-child td:nth-child(2) {border-bottom: 2px solid #0a2a3b;}
.explain .row05 .note {margin: auto; margin-top: 30px; max-width: fit-content;}

@media all and (max-width: 1200px) {
    .explain .row05 .gram_wrap {gap: 15px;}
}

@media all and (max-width: 767px) {
    .explain .row05 table.type01 th, 
    .explain .row05 table.type01 td {padding: 5px 10px; box-sizing: border-box;}
    .explain .row05 .box_wrap {padding: 30px; box-sizing: border-box;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구스 가이드 (구스온 구스다운의 특징) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.feature .layout {display: flex; gap: 30px 20px;}
.feature .layout > * {width: calc(50% - 10px);}

@media all and (max-width: 1024px) {
    .feature .layout {flex-wrap: wrap;}
    .feature .layout > * {width: 100%;}
}

/*--- row02 ---*/
.feature .row02 .ta-left {text-align: left;}
.feature .row02 ul {display: flex; gap: 15px; flex-wrap: wrap; justify-content: center;}
.feature .row02 ul li {background: #f4f4f4; width: calc(33.3333% - 10px); padding: 30px; box-sizing: border-box;}
.feature .row02 ul li .tit_box {align-items: center; font-size: var(--fz-22); line-height: 1.27em; color: #0a2a3b; text-align: center;}
.feature .row02 ul li .txt_box {text-align: center; margin-top: 30px;}
.feature .row02 ul li > .txt_box {margin: auto; margin-top: 30px; max-width: 30em;}
.feature .row02 ul li .txt_box p {font-size: var(--fz-18); line-height: 1.55em; color: #444;}
.feature .row02 ul li .txt_box p b {color: #0a2a3b;}
.feature .row02 ul li .desc {margin-top: 20px;}
.feature .row02 ul li .desc p {font-size: var(--fz-16); line-height: 1.625em; color: #444; text-indent: -5.25em; margin-left: 5.25em;}

@media all and (max-width: 1024px) {
    .feature .row02 ul li {width: calc(50% - 8px);}
}

@media all and (max-width: 767px) {
    .feature .row02 ul li {width: 100%;}
}

.feature .con01 .row03 .img_box {display: flex; gap: 20px; justify-content: center;}
.feature .con01 .row03 .img_box img {width: calc(33.3333% - 10px);}

@media all and (max-width: 1024px) {
    .feature .con01 .row03 .img_box {flex-wrap: wrap; justify-content: center;}
    .feature .con01 .row03 .img_box img {width: 100%; max-width: fit-content;}
}
/*--- con02 ---*/
.feature .con02 ul {display: flex; flex-wrap: wrap; gap: 65px 20px; counter-reset: item;}
.feature .con02 ul li {position: relative; width: calc(25% - 15px); border: 1px solid #0a2a3b; counter-increment: item; box-sizing: border-box; display: flex; flex-direction: column;}
.feature .con02 ul li.grid-2 {width: calc(50% - 10px);}
.feature .con02 ul li.grid-2 .flex_wrap {display: flex; align-items: center;}
.feature .con02 ul li.grid-2 .flex_wrap > * {width: 50%;}
.feature .con02 ul li i {font-style: normal; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; border-radius: 50%; background-color: #0a2a3b; color: #fff; border: 2px solid #fff; display: flex; align-items: center; justify-content: center;}
.feature .con02 ul li i::before {content: counter(item, decimal-leading-zero); font-family: var(--eng-font); font-weight: 600; font-size: var(--fz-20); color: #fff; line-height: 1em;}
.feature .con02 ul li .tit_box {background-color: #0a2a3b; color: #fff; text-align: center; padding: 25px 0 10px; box-sizing: border-box;}
.feature .con02 ul li .tit_box h5 {font-weight: 600; font-size: var(--fz-18);}
.feature .con02 ul li .con_box {padding: 20px; box-sizing: border-box; flex: 1;}
.feature .con02 ul li .icon_box {height: 120px; position: relative;}
.feature .con02 ul li .img_box {height: 100%; position: relative;}
.feature .con02 ul li .img_box img,
.feature .con02 ul li .icon_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.feature .con02 ul li .txt_box {text-align: center;}
.feature .con02 ul li .txt_box p {font-size: var(--fz-14); color: #444;}

@media all and (max-width: 1200px) {
    .feature .con02 ul li {width: calc(33.3333% - 14px);}
}

@media all and (max-width: 767px) {
    .feature .con02 ul {row-gap: 30px;}
    .feature .con02 ul li i {width: 35px; height: 35px;}
    .feature .con02 ul li {width: calc(50% - 10px);}
    .feature .con02 ul li.grid-2 {width: 100%;}
}

/*--- con03 ---*/
.feature :is(.con03, .con04, .con06, .con07, .con08) .img_box {text-align: center;}
.feature :is(.con03, .con04, .con06, .con07, .con08) .img_box img {width: 100%; max-width: fit-content;}

/*--- con05 ---*/
.feature .con05 .img_box {text-align: center;}
.feature .con05 .img_box img {width: 100%; max-width: fit-content;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구스 가이드 (구스다운 사용법) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.usage .con02 .box_wrap {background-color: #f4f4f4; padding: 60px 30px; box-sizing: border-box;}
.usage .con02 .box {max-width: 1100px; margin: auto; }
.usage .con02 .desc_box {margin-bottom: 40px;}
.usage .con02 .care_list {display: flex; gap: 10px; text-align: center;}
.usage .con02 .care_list li {background-color: #0a2a3b; border-radius: 30px; width: calc(14.285% - 9px); padding: 25px 10px; box-sizing: border-box;}
.usage .con02 .care_list .icon_box {height: 80px; position: relative;}
.usage .con02 .care_list .icon_box i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content; filter: invert(1);}
.usage .con02 .care_list p {font-size: var(--fz-18); line-height: 1.55em; color: #fff;}
.usage .con02 .check_list {margin-top: 60px;}

@media all and (max-width: 1024px) {
    .usage .con02 .care_list {flex-wrap: wrap; justify-content: center;}
    .usage .con02 .care_list li {width: calc(25% - 8px);}
}

@media all and (max-width: 767px) {
    .usage .con02 .care_list li {width: calc(25% - 8px);}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구스 세탁소 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* common */
.laundry [class^=con] {position: relative;}
.laundry .tabBtn_wrap.type02 .btn {width: calc(20% - 8px);}
.laundry .anchor {top: -280px;}
.laundry .flex_wrap {display: flex; align-items: center;}
.laundry .flex_wrap > * {width: 50%;}
.laundry .sub_main_tit .btn_wrap {justify-content: flex-start; column-gap: 20px;}
.laundry .img_box {text-align: center;}
.laundry .img_box img {width: 100%; max-width: fit-content;}
.laundry .desc_box ~ .table_box {margin-top: 60px;}
.laundry .note {color: #666; margin-top: 20px; line-height: 1.625em;}

.laundry .info_box {background-color: #f6f6f6; border: 1px solid #d3d3d3; box-sizing: border-box; padding: 20px 35px;}
.laundry .info_box .m {display: none;}
.laundry .info_box.bg-white {background-color: #fff;}
.laundry .info_box h6 {font-weight: 600; font-size: var(--fz-16); line-height: 1.625em; color: #444; margin-bottom: 10px;}
.laundry .info_box .num_list {font-size: var(--fz-16); line-height: 1.625em; color: #888;}

@media all and (max-width: 1024px) {
    .laundry [class^=con] .flex_wrap {flex-wrap: wrap; gap: 60px;}
    .laundry [class^=con] .flex_wrap > * {width: 100%;}
}

@media all and (max-width: 767px) {
    .laundry .sub_main_tit .btn_wrap {flex-direction: column; align-items: flex-start; gap: 10px;}
    .laundry .desc_box ~ .table_box {margin-top: 30px;}
}

/* con04 */
.laundry .con04 h6 {font-weight: 600; font-size: var(--fz-18); line-height: 1.55em;}
.laundry .con04 .table_box {margin-top: 30px;}
.laundry .con04 table {margin-top: 10px;}
.laundry .con04 .txt_wrap {display: flex; align-items: baseline; gap: 15px; margin-top: 30px;}
.laundry .con04 .txt_wrap p {font-size: var(--fz-16); color: #666;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구스 메이드 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*--- common ---*/
.made [class^=con] {position: relative;}
.made .box {max-width: 1100px; margin: auto;}
.made .box [class^=row] + [class^=row] {margin-top: 40px;}
.made .info_box {background-color: #f6f6f6; border: 1px solid #d3d3d3; box-sizing: border-box; padding: 20px 35px;}
.made .info_box .m {display: none;}
.made .info_box.bg-white {background-color: #fff;}
.made .info_box h6 {font-weight: 600; font-size: var(--fz-16); line-height: 1.625em; color: #444; margin-bottom: 10px;}
.made .info_box .num_list {font-size: var(--fz-16); line-height: 1.625em; color: #888;}
/* option list */
.made #addProductArea .option_list {display: block;}
.made .option_list {display: flex; flex-wrap: wrap; gap: 6px;}
.made .option_list input[type=radio] {display: none;}
.made .option_list > * {border: 1px solid #d3d3d3; box-sizing: border-box; border-radius: 5px;}
.made .option_list > * p {display: flex; height: 100%; align-items: center; justify-content: center; text-align: center;  text-align: center; font-size: var(--fz-15); color: #666; padding: 15px 25px; box-sizing: border-box; }
.made .option_list > * p:hover,
.made .option_list input[type=radio]:checked ~ p {background-color: #0a2a3b; color: #fff;}
/* grid-3 */
.made .option_list.grid-3  > * {width: calc(33.3333% - 4px); }
/* grid-4 */
.made .option_list.grid-4  > * {width: calc(25% - 4.5px);}
.made .btn_wrap {margin-top: 30px;}

/*--- con01 ---*/
.made .con01 .item_list_wrap {background-color: #e4e4e4; padding: 40px;}
.made .con01 .item_list {gap: 20px; max-width: 1000px; margin: auto;}
.made .con01 .item_list li {width: calc(33.3333% - 14px); cursor: pointer; background-color: #fff;}
.made .con01 .item_list li i::before {content: counter(item) '단계'; font-size: var(--fz-18); font-family: unset;}
.made .con01 .item_list .con_box {display: flex; align-items: center; justify-content: center; height: calc(100% - 80px); text-align: center;}
.made .con01 .item_list .con_box.flex_wrap > * {width: 33.333%;}
.made .con01 .item_list .img_box {text-align: center; width: 100%;}
.made .con01 .item_list .img_box img {width: 100%; max-width: fit-content;}
.made .con01 .item_list .txt_box {font-size: var(--fz-16); margin-top: 20px;}
.made .con01 .item_list li .tit_box {padding-bottom: 10px; min-height: unset;}

@media all and (max-width: 1024px) {
    .made .con01 .item_list_wrap {padding: 10px;}
    .made .con01 .item_list .txt_box {display: none;}
    .made .con01 .item_list .con_box {height: calc(100% - 60px);}
}

@media all and (max-width: 767px) {
    .made .option_list > * p {padding: 15px;}
}

/*--- con02 ---*/
.made .con02 [class^=row] + [class^=row] {margin-top: 15px;}
.made .con02 .flex_wrap {display: flex; gap: 100px;}
.made .con02 .flex_wrap .left {width: calc(50% - 100px);}
.made .con02 .flex_wrap .right {width: 50%;}
.made .con02 .tit_box {display: flex; justify-content: space-between; align-items: last baseline; margin-bottom: 15px; flex-wrap: wrap;}
.made .con02 .tit_box h5 {font-weight: 600; font-size: var(--fz-20); line-height: 1.4em; color: #0a2a3b;}
.made .con02 .tit_box a {font-size: 14px; color: #888;}
.made .con02 .tit_box .note {width: 100%;}

@media all and (max-width: 1200px) {
    .made .con02 .flex_wrap {gap: 50px;}
    .made .con02 .flex_wrap .left {width: calc(50% - 50px);}
}

@media all and (max-width: 1024px) {
    .made .con02 .flex_wrap {flex-wrap: wrap;}
    .made .con02 .flex_wrap .right,
    .made .con02 .flex_wrap .left {width: 100%;}
    .made .con02 .info_box.m {display: block;}
    .made .con02 .info_box.pc {display: none;}
}
/* right */
.made .con02 .right .flex_wrap { background-color: #fafafa; padding: 13px 15px;}
.made .con02 .img_box {width: 100%; aspect-ratio: 1/1; margin-bottom: 40px;}
.made .con02 .img_box img {width: 100%; height: 100%; object-fit: cover;}
.made .con02 table {text-align: left; width: 100%;}
.made .con02 table th {font-weight: normal; font-size: var(--fz-14); color: #444; height: 50px;}
.made .con02 table td {font-weight: 300; font-size: var(--fz-18); color: #888; height: 50px;}
.made .con02 table td span.bold {font-weight: 600; color: #0a2a3b;}
.made .con02 select {max-width: 265px;}
.made .con02 .info_box {margin-top: 30px;}

@media all and (max-width: 767px) {
    .made .con02 table th,
    .made .con02 table td {height: 30px;}
}

/* con03 */
.made .con03 .item_list li .desc_box {padding: 20px; text-align: left; background-color: #fff;}
.made .con03 .item_list li .desc_box p {min-height: 5.76em;}
.made .con03 .item_list.type03 li .detail_box {padding: 20px; box-sizing: border-box;}
.made .con03 .item_list.type03 li .detail_box table th, 
.made .con03 .item_list.type03 li .detail_box table td {height: unset;}
.made .con03 table td {text-align: center; padding: 5px;}
.made .con03 table td p {margin-bottom: 10px;}
.made .con03 table td img {width: 100%; max-width: fit-content;}

/*--- con04 ---*/
.made .con04 .item_list .img_box {text-align: center; padding: 35px; box-sizing: border-box;}
.made .con04 .item_list .img_box img {max-width: fit-content;}
.made .con04 .item_list .desc_box {background-color: transparent; padding: 35px; padding-top: 0; box-sizing: border-box;}
.made .con04 .item_list .desc_box p {max-width: 11em; margin: auto;}
.made .con04 .square_list > li::before {width: 6px; height: 6px; font-size: var(--fz-16);}
.made .con04 .square_list > li h5 {margin-bottom: 0; font-size: var(--fz-16);}
.made .con04 .square_list > li p {font-size: var(--fz-16);}
.made .con04 .info_box {margin-top: 30px;}
.made .con04 .info_box.bg-white{margin-top: 10px;}

.made .con04 .row03 ul {display: flex; flex-wrap: wrap; text-align: center; border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;}
.made .con04 .row03 ul li {width: 33.3333%; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; box-sizing: border-box; font-size: var(--fz-15); color: #666; padding: 15px;}


/*--- con05 ---*/
.made .con05 .box {margin-top: 40px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Shop (상세) custom *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.event .sub_tab {display: block !important; margin-bottom: 60px;}
.event .sub-heading {background: url(/img/wedding_con01_bg.jpg) no-repeat center center / cover;}
.event .sub-heading .desc_box h5 {color: #fff; font-size: var(--fz-32);}
.event .sub-heading .desc_box p {color: #fff; margin-top: 40px;}
.event .event-wrap {max-width: 1100px; margin: auto; background: url(/img/event_box_bg.jpg) no-repeat center center / cover; padding: 80px; padding-bottom: 35px; box-sizing: border-box; border: 1px solid #0a2a3b; margin-top: -300px; }
.event .info_list li {display: flex; gap: 20px; align-items: flex-start;}
.event .info_list li + li {margin-top: 30px;}
.event .info_list li .tit {display: flex; align-items: center; justify-content: center; width: 160px; height: 55px; background-color: #0a2a3b; color: #fff; font-weight: 600; font-size: var(--fz-20); line-height: 1.5em;}
.event .info_list li .con {flex-shrink: 1; align-self: center; font-size: var(--fz-18); line-height: 1.66em;}
.event .info_list li .con span {color: #666;}
.event .note {max-width: fit-content; margin: auto; font-size: var(--fz-18); margin-top: 100px;}
.event .sub-heading {height: 600px; background-color: #eee; padding: 80px 0; box-sizing: border-box;}

@media all and (max-width: 767px) {
    .event .event-wrap {padding: 40px;}
    .event .info_list li {flex-wrap: wrap;}
    .event .info_list li .tit {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Board Custom *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.programCon {margin: 60px auto 150px;}
.faq_tab {margin-top: 0;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Shop Custom *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* pagination */
.programPage a {border-color: #d9d9d9; color: #999;}
.programPage a.active {border-color: #d9d9d9; color: #222;}
/*--- shop > list > index.jsp ---*/
.ShopCon {padding: 30px 2cm 150px;}

@media all and (max-width: 767px) {
    .ShopCon {padding: 30px 0 150px;}
}

.ShopCon .sub_cont02 .swiper-button {margin-top: 30px;}
/*--- shop > product > index.jsp ---*/
.sub_list .title h1 {margin: 0; width: 100%; flex: 1; font-weight: 500; font-size: var(--fz-20); line-height: 1.5em; color: #444; text-overflow: ellipsis; letter-spacing: -0.045em;}
.sub_list .title p {font-weight: 300; font-size: var(--fz-16); line-height: 1.625em; color: #999; letter-spacing: -0.045em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 1.625em; margin-top: 5px;}
.sub_list .box .img_box {border: 1px solid #e8e8e8;}
.sub_list .box .text {margin: 0; min-height: unset; display: flex; align-items: center; font-family: var(--num-font); gap: 10px; margin-top: 10px;}
.sub_list .box .text .left_tit,
.sub_list .box .text .right_tit {float: unset; width: unset; margin: 0;}
.sub_list .box .text .right_tit {display: flex; align-items: baseline; gap: 20px;}
.sub_list .box .text .price {margin: 0; font-weight: 500; font-size: var(--fz-18); letter-spacing: -0.04em; color: #444;}
.sub_list .box .text .dc {margin-left: 8px; font-weight: 500; font-size: var(--fz-18); letter-spacing: -0.04em; color: #e10000;}
.sub_list .box .text .before_price {font-weight: 300; font-size: var(--fz-18); letter-spacing: -0.04em; color: #9b9b9b;}
/*--- shop > list > item > index.jsp ---*/
.shopList .right {word-break: keep-all;}
.shopList .right .line {width: 100%; height: 1px; background-color: #353331; margin: 35px 0;}
.shopList .right .title_box h3 {margin: 0; font-family: var(--sub-font); font-weight: 600; font-size: var(--fz-30); color: #0a2a3b; line-height: 1.33em;}
.shopList .right .title_box p {font-weight: 300; font-size: var(--fz-16); line-height: 1.75em; color: #888; margin-top: 10px;}

.sub_list .box .img_box {padding: 0; aspect-ratio: 1/1;}
.sub_list .box .img_box img {position: static; transform: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center;}

.shopList .left .gal_slider .slick-slide,
.shopList .left .top_slider .slick-slide {aspect-ratio: 1/1;}
.shopList .left .top_slider img {object-fit: cover; object-position: center;}
.shopList .left .gal_slider li img {object-fit: cover; object-position: center;}
.review_cont .review_tab ul li a {padding: 0;}
.review_cont .sub_main_tit p {margin-top: 0;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Shop (상세) custom *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* .shopList .right */
.shopList .right {padding-bottom: 0;}
/* .bot_btn_more */
.bot_btn_more {display: flex; margin-top: 20px; gap: 10px;}
.bot_btn_more a {display: flex; align-items: center; justify-content: center; height:60px; border-radius:2%; font-weight: 500; font-size: var(--fz-20); line-height: 1.5em; letter-spacing: -0.02em; color: #353331; box-sizing:border-box; height: 64px; border:1px solid #353331}
.bot_btn_more a.save{width: 64px; background: url(/img/heart-regular.svg) no-repeat center center; background-size: 26px auto;}
.bot_btn_more a.save.on {background-image: url(/img/heart-solid.svg);}
.bot_btn_more a.go_cart{flex: 1;}
.bot_btn_more a.go_buy{flex: 1; background-color:#0a2a3b; color:#fff; border-color: #0a2a3b;}

@media all and (max-width:1000px){
	.bot_btn_more a.go_cart{width:25%;}
	.bot_btn_more a.go_buy{width:calc(50% - 12px);}
}
/* .gal_slider */
.shopList .left .gal_slider {width: 100%;}
/* .detail_Tab */
.detail_Con .detail_Tab {border-top: none; margin: 30px 0; border-bottom: 1px solid #b7b7b7;}
.detail_Con .detail_Tab ul li a {border-bottom: none;}
.detail_Con .detail_Tab ul li.on a {border-bottom: 2px solid #0a2a3b; color: #0a2a3b;}
/* .review_tab */
.review_cont .review_tab {display: flex; align-items: center; justify-content: flex-end; border-bottom: none; padding-bottom: 0; gap: 10px;}
.review_cont .review_tab .photo_check {position: static;}
.review_cont .review_tab .photo_check p {font-size: var(--fz-16); color: #444;}
.review_cont .review_tab .photo_check input {margin-left: 10px;}
.review_cont .qna_tab {display: flex; align-items: center; justify-content: flex-end; border: none; padding: 0;}
.review_cont .qna_tab > a {position: static;}
.review_cont .qna_tab ul li input {margin-top: 0;}
/* .other .box */
.other .box {padding: 0; border: none; margin: 0;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Shop (상세) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 상품 선택창 */
.ShopCon .detail-table {table-layout: auto; margin-top: -20px;}
.ShopCon .detail-table tr {height: 55px;}
.ShopCon .detail-table th {font-weight: normal; font-size: var(--fz-18); color: #666; width: calc(10em + 40px); text-align: left; padding-right: 40px; box-sizing: border-box;}
.ShopCon .detail-table td {font-size: var(--fz-16); color: #888;}
.ShopCon .detail-table select {width: 265px;}
.ShopCon .detail-table .sale-price span {color: #222; font-size: var(--fz-18);}
.ShopCon .detail-table .sale-price span.sale {color: #e10000;}
.ShopCon .detail-table .sale-price span b {font-weight: 600; font-size: var(--fz-22); line-height: 1.7em; letter-spacing: 0;}
/* 타이틀 */
.review_cont .sub_main_tit .flex_wrap {display: flex; align-items: flex-end; justify-content: space-between;}
.review_cont .sub_main_tit select {max-width: 170px; height: 40px; padding: 0 15px; box-sizing: border-box;}

@media all and (max-width: 767px) {
    .ShopCon .detail-table tr {height: 30px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Shop *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 상품 정렬 */
.ShopCon .sorting_wrap {display: flex; justify-content: flex-end; gap: 15px; padding: 0 0 15px; box-sizing: border-box; border-bottom: 1px solid #c5c5c5; margin-bottom: 40px;}
.ShopCon .sorting_wrap ul {display: flex; align-items: center; gap: 12px;}
.ShopCon .sorting_wrap ul li {font-size: 14px; color: #a1a1a1; position: relative; padding-left: 15px; box-sizing: border-box;}
.ShopCon .sorting_wrap ul li + li::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 5px; background-color: #afb4b5;}
.ShopCon .sorting_wrap ul li.on {color: #0a2a3b;}
.ShopCon .sorting_wrap select {max-width: 105px; height: 30px; padding: 0 10px; font-size: 14px; background-position: center right 10px; background-size: 8px 4px;}
.ShopCon .sorting_wrap select option {font-size: 14px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 로그인 페이지 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media all and (max-width: 767px) {
    .login_wrap {padding-top: 20px;}
    .loginCon {margin-top: 20px;}
    .loginCon li.last div span {display: none;}
    .loginCon li.last div:last-of-type {margin-top: 0;}
    .loginCon li.last div a {width: 100%;}
    .loginCon li.last {display: flex; gap: 5px; margin-top: 5px;}
    .loginCon li.last > * {width: 50%;}
    .member_box02 {padding: 0;}
    .member_box02_In > a {height: 50px; line-height: 50px;}
    .member_box02_In > a.a_bg2 {background-position: center right;}
    .member_box02_In > a.a_bg4 {background-position: center right;}
}


/*모바일 여백 조절*/
@media all and (max-width: 767px) {
    .section{padding: 40px 0;}
    
    .main_tit p{margin-top: 15px;}
    .main_tit.mb{margin-bottom: 25px;}

    .sub_main_tit.mb {margin-bottom: 30px;}
    .sub_con_tit {flex-wrap: wrap;}
    .heading.sub.mb {margin-bottom: 30px;}

    .main .con01{margin-top: 25px;}
    .main .con01 .main_tit p{margin-top: 20px;}
    .main .con01 [class^=row] + [class^=row] {margin-top: 35px;}
    .badge_wrap{flex-wrap: wrap;}
    .etc_wrap{align-items: flex-start;}
    .main .con03 .tabCon_wrap{width: 93.75%; margin: 20px auto 0;}
    .main .con03 .tabBtn_wrap.type01 .btn{min-width: 125px;}

    .goose-banner .flex_wrap .img_box img{width: 150px;}
    .goose-banner .txt_box p{margin-top: 15px;}

    .explain .row04 .txt_box .label_txt{padding: 8px 20px;}
    .explain .row04 ul li{padding-bottom: 30px;}
    .explain .row04 ul li:nth-child(2){padding-top: 30px;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 상품후기 줄 간격 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_cont .review_tab .photo_check {margin-top: 0;}