.body-sub,
.subContents,
.contents {margin:0;}

span {vertical-align: baseline;}
/*  */



/* 공통 */
h3 {font-size: 36px; color: #222; font-weight: 600; letter-spacing: 0; line-height: 1;}

@media(max-width:1440px){}
@media(max-width:1280px){}
@media(max-width:1024px){    h3 {font-size: 32px; }
}
@media(max-width:768px){
    h3 {font-size: 28px; }
}
@media(max-width:450px){
    h3 {font-size: 24px; }
}




/* 0101 회사개요 */
.ddr_sub.overview .contents_wrap {margin-bottom: 80px;}
.ddr_sub.overview .contents_wrap .tit_wrap {margin-bottom: 40px;}

.ddr_sub.overview .contents_wrap.nth-01 .img_wrap {width: 100%; height: 480px; background: url(../images/contents/1-1_img_01.png) no-repeat center / cover;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap {display: flex; align-items: flex-start; margin-top: 35px;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .sub_tit_box {width: 275px;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .sub_tit_box .sub_tit {font-size: 38px; color: #a9a295; font-weight: 600; letter-spacing: 0.6; line-height: 65px;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box {width: calc(100% - 275px);}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box p {margin-bottom: 30px; font-size: 16px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.3;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box p:first-child {margin-top: 18px;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box p:last-child {margin-bottom: 0;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box .ceo_name {color: #222; font-weight: 500;}
.ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box .txt_semibold {font-weight: 500;}

.ddr_sub.overview .contents_wrap.nth-02 .tit_wrap p  {margin-top: 25px; font-size: 16px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.3;}
.ddr_sub.overview .contents_wrap.nth-02 .table_wrap table {border-top: #222 2px solid; }
.ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr {border-bottom: #ccc 1px solid; letter-spacing: 0; }
.ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr th {padding: 18px 0; width: 280px; text-align: center; border-right: #ccc 1px solid; background-color: #FFF5DB; font-size: 16px; color: #222; font-weight: 500;}
.ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr td {padding: 18px 35px; width: calc(100% - 280px); text-align: left; font-size: 16px; color: #666; font-weight: 400; line-height: 1.4;}

.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_box {width: 100%; height: 65px; text-align: center; background-color: #FFF5DB;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_box p {font-size: 26px; color: #222; font-weight: 400; letter-spacing: 0; line-height: 65px;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_box {display: flex; justify-content: space-between; align-items: stretch;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item {padding: 40px; border: 1px #FFF5DB solid; width: 25%;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(1),
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(2),
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(3) {border-right: none;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_item {padding-bottom: 20px; border-bottom: 1px #FFF5DB solid; text-align: center;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_item h5 {font-size: 24px; color: #222; font-weight: 400; letter-spacing: 0; line-height: 1.2;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_txt_item {margin-bottom: 40px; text-align: left;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item .business_txt {margin-top: 45px;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_txt_item .business_txt p {font-size: 16px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.5;}
.ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_txt_item .business_txt .txt_bold {color: #222; font-weight: 400; margin-bottom: 5px;}

.ddr_sub.overview .contents_wrap.nth-04 {margin-bottom: 0;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap h4 {margin-bottom: 40px; font-size: 30px; color: #222; font-weight: 500; letter-spacing: 0; line-height: 1;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-001 .vision_wrap {display: flex; justify-content: center; align-items: center;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-001 .vision_wrap .mo {display: none;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 {margin-top: 100px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap {border: 12px solid #FFF5DB; width: 100%; padding: 50px 0; background: url(../images/contents/1-1_img_03.png) no-repeat center;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit {width: 280px; margin: 0 calc((100% - 280px)/2);}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit p {padding-bottom: 5px; border-bottom: 1px solid #222; font-size: 28px; color: #222; font-weight: 400; letter-spacing: 0; line-height: 1.3; text-align: center;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box {display: flex; justify-content: center; margin-top: 50px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item {display: flex; justify-content: center; align-items: center;  position: relative; margin: 0 -10px; width: 250px; height: 100px; border-radius: 50px; background-color: #FFEFC7; opacity: 0.8;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p {font-size: 18px; color: #231815; font-weight: 400; letter-spacing: 0; line-height: 1.5; text-align: center;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 {margin-top: 100px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap {display: flex; justify-content: center; width: 100%;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .img_box {width: 50%;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .img_box .img_item {width: 100%; height: 300px; background: url(../images/contents/1-1_img_04.png) no-repeat center / cover;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box {width: 50%; height: 300px; padding: 35px 40px; text-align: left; background-color: #FFF5DB;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item {border-bottom: #8a6f4e solid 1px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item p {margin-bottom: 20px; font-size: 28px; color: #222; font-weight: 400; letter-spacing: 0; line-height: 1;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul {padding-top: 20px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul li {font-size: 18px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.5; margin-left: 18px;}
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul li::before {content: ""; position: relative; top: 9px; display: list-item; list-style-type: square; color: #666; font-size: 2px; width: 2px; height: 2px;}



@media(max-width:1280px){
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_txt_item {margin-bottom: 0; word-break: break-all;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .img_box {width: 45%;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box {width: 55%;}
}
@media(max-width:1024px){
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_box {flex-wrap: wrap;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item {width: 50%;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(1) {border-bottom: none;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(2) {border-right: 1px #ebe2d0 solid; border-bottom: none;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item {margin: 0 10px; width: 155px; height: 155px; border-radius: 9999px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap {padding: 25px 0;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .img_box {width: 40%;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box {width: 60%;}
}
@media(max-width:910px){
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box {padding: 35px 40px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item p {margin-bottom: 20px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul {padding-top: 20px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul li {font-size: 16px;}
}
@media(max-width:768px){
    .ddr_sub.overview .contents_wrap .tit_wrap {margin-bottom: 20px;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .sub_tit_box .sub_tit {font-size: 28px; line-height: 1.2;}
    .ddr_sub.overview .contents_wrap.nth-01 .img_wrap {width: 100%; height: 150px; padding: 30% 0;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap {flex-direction: column;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .sub_tit_box {width: 100%;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .sub_tit_box .sub_tit br {display: none;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box {width: 100%;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box p:first-child {margin-top: 18px;}
    .ddr_sub.overview .contents_wrap.nth-01 .input_wrap .txt_box p {margin-bottom: 15px;}
    .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr th {width: 150px; padding: 0 10px; line-height: 1.3;}
    .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr td {width: calc(100% - 150px);}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_box {display: initial;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item {width: 100%;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(1) {border-right: 1px #ebe2d0 solid; border-bottom: none;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item:nth-child(3) {border-right: 1px #ebe2d0 solid; border-bottom: none;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap h4 {font-size: 26px; margin-bottom: 20px;}
    
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-001 .vision_wrap .pc {display: none;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-001 .vision_wrap .mo {display: block;}
    
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit p {font-size: 22px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box {flex-direction: column; align-items: center;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap { width: 100%; padding: 30px 0; }
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit {width: 228px; margin: 0 calc((100% - 228px)/2);}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit p {border-bottom: 1px solid #222; font-size: 24px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box {display: flex; justify-content: center; margin-top: 10px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item {margin: 3px 0;  width: 280px; height: 48px; border-radius: 50px; }
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p {font-size: 16px; line-height: 50px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p br {display: none;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002,
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 {margin-top: 65px;}

    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap {flex-direction: column;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .img_box {width: 100%; height: 250px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box {width: 100%; height: inherit;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item p {font-size: 22px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap h4 {font-size: 22px;}

}
@media(max-width:650px){
    .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr {display: flex; flex-direction: column;}
    .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr th {padding: 15px 0; width: 100%; border-right: none;}
    .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr td {padding: 15px 20px; width: 100%; text-align: center;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_box p {font-size: 22px;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_tit_item h5 {font-size: 18px;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item {padding: 35px;}
    .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_item .business_txt {margin-top: 25px;}

}
@media only screen and (max-width: 480px){
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit p {font-size: 19px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item p {font-size: 19px;}
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item {width: 220px; margin: 4px calc(100% - 220px); }
    .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p {font-size: 14px;}
}
/* 0102 연혁 */
.ddr_sub.history .tit_wrap {text-align: center; margin-bottom: 40px;}
.ddr_sub.history .contents_wrap .contents_box {display: flex;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap {width: 50%;}
.ddr_sub.history .contents_wrap .contents_box .img_wrap {width: 50%;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .year_box {margin-bottom: 20px;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .year_box h5 {font-size: 34px; color: #7a542c; font-weight: 300; letter-spacing: 0; line-height: 1;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box {display: flex; margin-bottom: 12px;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .month_item {width: 60px;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .month_item p {font-size: 18px; color: #7a542c; font-weight: 500; letter-spacing: 0; line-height: 1.3;}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item {width: calc(100% - 60px);}
.ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item p {margin-bottom: 8px; font-size: 18px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.3;}

.ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap .month_box .month_item {margin-right: 20px;}
.ddr_sub.history .contents_wrap .contents_box.type-right .text_wrap .month_box .month_item {margin-left: 20px;}

.ddr_sub.history .contents_wrap .contents_box.type-left {flex-direction: row-reverse; text-align: right;}
.ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap .month_box {flex-direction: row-reverse;}
.ddr_sub.history .contents_wrap .contents_box.type-left .img_wrap {padding: 10px 0 10px 35px; border-left: 0.5px solid #FFF5DB;}
.ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap {padding: 10px 20px 10px 0; border-right: 0.5px solid #FFF5DB;}
.ddr_sub.history .contents_wrap .contents_box.type-right .img_wrap {padding: 10px 35px 10px 0; border-right: 0.5px solid #FFF5DB;}
.ddr_sub.history .contents_wrap .contents_box.type-right .text_wrap {padding: 10px 0 10px 20px; border-left: 0.5px solid #FFF5DB;}

.ddr_sub.history .contents_wrap .contents_box.type-left .year_box h5::after {content: '●'; position: relative; top: -5px; right: -28px; color: #e7b541; font-size: 14px;}
.ddr_sub.history .contents_wrap .contents_box.type-right .year_box h5::before {content: '●'; position: relative; top: -5px; left: -28px; color: #e7b541; font-size: 14px;}

.ddr_sub.history .contents_wrap .img_wrap>div {height: 180px;}
.ddr_sub.history .contents_wrap .img_wrap .img_box_2021 {background: url(../images/contents/1-2_img_2021.png) no-repeat right;}
.ddr_sub.history .contents_wrap .img_wrap .img_box_2018 {background: url(../images/contents/1-2_img_2018.png) no-repeat left;}
.ddr_sub.history .contents_wrap .img_wrap .img_box_2014 {background: url(../images/contents/1-2_img_2014.png) no-repeat right;}

@media(max-width:1024px){
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item p {word-break: break-all;}
}
@media(max-width:768px){
    .ddr_sub.history .tit_wrap {text-align: center; margin-bottom: 20px;}
    .ddr_sub.history .contents_wrap .contents_box {display: flex; flex-direction: column; border-bottom: 1px solid #ebe2d0;}
    .ddr_sub.history .contents_wrap .contents_box:first-child {border-top: 1px solid #ebe2d0;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap {width: 100%;}
    .ddr_sub.history .contents_wrap .contents_box .img_wrap {width: 0;}
    .ddr_sub.history .contents_wrap .contents_box .img_wrap>div {height: 0;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .year_box {margin-bottom: 20px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .year_box h5 {font-size: 34px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box {display: flex; margin-bottom: 8px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item p {margin-bottom: 6px; font-size: 18px; color: #666; font-weight: 300; letter-spacing: 0; line-height: 1.3;}
    
    .ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap .month_box .month_item {margin-right: 0;}
    .ddr_sub.history .contents_wrap .contents_box.type-right .text_wrap .month_box .month_item {margin-left: 0;}
    .ddr_sub.history .contents_wrap .contents_box.type-left,
    .ddr_sub.history .contents_wrap .contents_box.type-right {flex-direction: row-reverse; text-align: left;}
    .ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap .month_box {flex-direction: inherit;}
    .ddr_sub.history .contents_wrap .contents_box.type-left .img_wrap {padding: 25px 0 15px 0; border-left: none;}
    .ddr_sub.history .contents_wrap .contents_box.type-left .text_wrap {padding: 25px 0 15px 0; border-right: none;}
    .ddr_sub.history .contents_wrap .contents_box.type-right .img_wrap {padding: 25px 0 15px 0; border-right: none;}
    .ddr_sub.history .contents_wrap .contents_box.type-right .text_wrap {padding: 25px 0 15px 0; border-left: none;}
    
    .ddr_sub.history .contents_wrap .contents_box.type-left .year_box h5::after {display: none;}
    .ddr_sub.history .contents_wrap .contents_box.type-right .year_box h5::before {display: none;}
}
@media(max-width:450px){
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .year_box h5 {font-size: 32px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .month_item p {font-size: 16px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item p {font-size: 16px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .month_item {width: 55px;}
    .ddr_sub.history .contents_wrap .contents_box .text_wrap .month_box .txt_item {width: calc(100% - 55px);}
}

/* 0104 해외사업 */
.ddr_sub.overseas .tit_wrap {margin-bottom: 40px;}
.ddr_sub.overseas .maps_wrap {width: 100%; background-color: #e2eef7;}
.ddr_sub.overseas .maps_wrap .maps_item {display: flex; justify-content: center; align-items: center; padding: 5% 0;}

.ddr_sub.overseas .contents_wrap {margin-top: 80px;}
.ddr_sub.overseas .contents_wrap .contents_box + .contents_box {margin-top:80px}
.ddr_sub.overseas .contents_wrap .contents_box .sub_tit {font-size: 24px; color: #8c6f4f; font-weight: 600; letter-spacing: 0; line-height: 1.3;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box {margin-top: 16px;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item {display: flex; font-size: 16px;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item p {margin-bottom: 10px; font-size: 16px; letter-spacing: 0; line-height: 1.3;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item:last-child p {margin-bottom: 0;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_category {margin-left: 13px; width: 165px; color: #222; font-weight: 500;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_category::before {content: ""; position: relative; top: 5px; display: list-item; list-style-type: square; color: #8c6f4f; font-size: 3px; width: 3px; height: 3px;}
.ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_txt {width: calc(100% - 178px); color: #666; font-weight: 400; padding-top: 3px;}

@media(max-width:768px){
    .ddr_sub.overseas .tit_wrap {margin-bottom: 20px;}

    .ddr_sub.overseas .contents_wrap {margin-top: 60px;}

    .ddr_sub.overseas .contents_wrap .contents_box + .contents_box {margin-top:50px}

    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item {flex-direction: column;}
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_txt {width: 100%; margin-left: 13px;}
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item + .txt_item {margin-top: 10px;}
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_category {margin-bottom: 0;}
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_category::before {top: 7px;}
    .ddr_sub.overseas .contents_wrap .contents_box .sub_tit {font-size: 20px; }

}
@media(max-width:450px){
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item p {margin-bottom: 10px; font-size: 14px;}
    .ddr_sub.overseas .contents_wrap .contents_box .txt_box .txt_item .overseas_txt {width: calc(100% - 113px); word-break: break-all;}
}


/* 0105 오시는길 */
.location .tit_wrap{margin-bottom: 40px;}
.location .map{ width: 100%; height: 500px; margin-bottom: 20px;}
.location .map_info{ padding-left: 25px; font-size: 18px; position: relative; }
.location .map_info::after{content: ""; position: absolute; top: 4px; left: 0; width: 18px; height: 18px; background: url(../images/contents/location_ico.png) center no-repeat; background-size: contain;  font-size: 18px; }
.location .contents_wrap + .contents_wrap { margin-top: 80px;}
.location .map_info p {line-height: 1.4;}

@media only screen and (max-width: 1440px){

}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 768px){
    .location .tit_wrap{margin-bottom: 20px;}
    .location .contents_wrap + .contents_wrap { margin-top: 50px;}
    .location .map{ height: 300px;}

}

@media only screen and (max-width: 480px){

}


/* 0301 제품 */
.tab-wrap .tab {display: flex; flex-wrap: wrap; list-style: none; padding: 10px 50px; background-color: #f5f5f5;}
.tab-wrap .tab .tab-item {width: 20%; background-color: #f5f5f5; text-align: center; padding: 10px 0;}
.tab-wrap .tab .tab-item span {font-size: 16px; color: #767676; font-weight: 300; letter-spacing: 0;}
.tab-wrap .tab .tab-item span:hover {color: #444; font-weight: 400;}
.tab-wrap .tab .tab-item.on span{color: #444; font-weight: 400; border-bottom: 1px #444 solid;}
.tab-content {display: none; margin-top: 8%;}
.tab-content.active {display: block;}

.ddr_sub.products0301 .contents_wrap .tab-content:nth-child(1) .contents_box {display: flex; justify-content: center; align-items: center;}
.ddr_sub.products0301 .contents_wrap .tab-content .contents_box {display: flex; justify-content: center; align-items: center;}

@media(max-width:1024px){
    .tab-wrap .tab {padding: 10px;}
}
@media(max-width:768px){
    .tab-content {margin-top: 10%;}
    .tab-wrap .tab .tab-item {width: 25%;}
}
@media(max-width:600px){
    .tab-wrap .tab .tab-item {width: 33.3%;}
}
@media(max-width:450px){
    .tab-content {margin-top: 15%;}
    .tab-wrap .tab .tab-item {width: 50%;}
    .tab-wrap .tab .tab-item span {font-size: 14px;}
}

.detail_img {margin-top: 80px; text-align: center;}


@media only screen and (max-width: 1024px){
    .detail_img {margin-top: 60px;}

}

@media only screen and (max-width: 768px){
    .detail_img {margin-top: 40px;}

}

@media only screen and (max-width: 480px){

}

/* 0302 제품 */
.ddr_sub.products0302 {height: 25vw; z-index: 3;}
.ddr_sub.products0302 .tab-wrap .tab {display: flex; flex-wrap: wrap; list-style: none; padding: 10px 50px; background-color: #f5f5f5;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item {cursor: pointer; width: 20%; background-color: #f5f5f5; text-align: center; padding: 10px 0;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span {font-size: 16px; color: #767676; font-weight: 300; letter-spacing: 0;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span:hover {color: #444; font-weight: 400;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item.active span{color: #444; font-weight: 400; border-bottom: 1px #444 solid;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span {font-size: 16px; color: #767676; font-weight: 300; letter-spacing: 0;}

.ddr_sub.products0302 #product-carousel {margin-top: 50px; list-style: none; }
.ddr_sub.products0302 #product-carousel-container {position: relative; width: 100%; margin: auto; height: 100%; overflow: hidden;}
.ddr_sub.products0302 #product-carousel li {position: absolute; left: 50%; top: 10%; width: 30%; padding: 0; cursor: pointer; transition: transform 1.3s cubic-bezier(0.19, 1, 0.22, 1); z-index: 1;}
.ddr_sub.products0302 #product-carousel li.item-1 {z-index: 9999; transform: translateX(-50%) scale(0.8) translate3d(0, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-1.hovers {z-index: 9999; transform: translateX(-50%) scale(1.1) translate3d(0, -5%, 0);}
.ddr_sub.products0302 #product-carousel li.item-2 {z-index: 1; transform: translateX(-50%) scale(0.45) translate3d(155%, 0%, 0);}
.ddr_sub.products0302 #product-carousel li.item-3 {z-index: 0; transform: translateX(-50%) scale(0.4) translate3d(300%, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-4 {z-index: 0; transform: translateX(-50%) scale(0.4) translate3d(-300%, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-5 {z-index: 1; transform: translateX(-50%) scale(0.45) translate3d(-155%, 0%, 0);}
.ddr_sub.products0302 #product-carousel li:hover img {transform: translateY(-1px); transition: 0.5s;}
.ddr_sub.products0302 #product-carousel li:hover:after {width: 90%;}
.ddr_sub.products0302 #product-carousel li:not(:hover) img {transition: transform 0.075s ease-out;}
.ddr_sub.products0302 #product-carousel li:not(:hover) img::after {transition: 0.075s;}
.ddr_sub.products0302 #product-carousel li img {width: 100%; height: auto; transition: transform 0.25s ease-in;}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav {z-index: 9999; position: absolute; top: 48%; width: 50px; height: 50px; border-top: 6px solid #c0c0c0; border-right: 6px solid #c0c0c0; border-bottom: none; border-left: none; background-color: transparent; outline: 0; cursor: pointer;}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav.prev {left: 10px; transform: rotate(-135deg);}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav.next {right: 10px; transform: rotate(45deg);}

/* .ddr_sub.products0302 .blackout {display: none; position: fixed; top: -150px; left: 0; width: 100%; height: 200%; background-color: rgba(0, 0, 0, 0.9); z-index: 9997;} */
.ddr_sub.products0302 .blackout {display: none; position: fixed; top: -255px; left: 0; width: 100%; height: 1000%; background-color: rgba(0, 0, 0, 0.9); z-index: 9997;}

.header-wrap.zindex-0 {z-index: 0;}
.footer.zindex-0 {z-index: -1;}



/* 0302 제품 */
.ddr_sub.products0302 {height: 100%; z-index: 3; margin-bottom: -70px;}
.ddr_sub.products0302 .tab-wrap .tab {display: flex; flex-wrap: wrap; list-style: none; padding: 10px 50px; background-color: #f5f5f5;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item {cursor: pointer; width: 20%; background-color: #f5f5f5; text-align: center; padding: 10px 0;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span {font-size: 16px; color: #767676; font-weight: 300; letter-spacing: 0;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span:hover {color: #444; font-weight: 400;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item.active span{color: #444; font-weight: 400; border-bottom: 1px #444 solid;}
.ddr_sub.products0302 .tab-wrap .tab .tab-item span {font-size: 16px; color: #767676; font-weight: 300; letter-spacing: 0;}

.ddr_sub.products0302 #product-carousel {margin-top: 50px; list-style: none; }
.ddr_sub.products0302 #product-carousel-container {position: relative; width: 100%; margin: auto; height: 500px; overflow: hidden;}
.ddr_sub.products0302 #product-carousel li {position: absolute; left: 50%; top: 10%; width: 30%; padding: 0; cursor: pointer; transition: transform 1.3s cubic-bezier(0.19, 1, 0.22, 1); z-index: 1;}
.ddr_sub.products0302 #product-carousel li.item-1 {z-index: 9999; transform: translateX(-50%) scale(0.8) translate3d(0, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-1.hovers {z-index: 9999; transform: translateX(-50%) scale(1.1) translate3d(0, -5%, 0);}
.ddr_sub.products0302 #product-carousel li.item-2 {z-index: 1; transform: translateX(-50%) scale(0.45) translate3d(140%, 0%, 0);}
.ddr_sub.products0302 #product-carousel li.item-3 {z-index: 0; transform: translateX(-50%) scale(0.4) translate3d(300%, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-4 {z-index: 0; transform: translateX(-50%) scale(0.4) translate3d(-300%, 0, 0);}
.ddr_sub.products0302 #product-carousel li.item-5 {z-index: 1; transform: translateX(-50%) scale(0.45) translate3d(-140%, 0%, 0);}
.ddr_sub.products0302 #product-carousel li:hover img {transform: translateY(-1px); transition: 0.5s;}
.ddr_sub.products0302 #product-carousel li:hover:after {width: 90%;}
.ddr_sub.products0302 #product-carousel li:not(:hover) img {transition: transform 0.075s ease-out;}
.ddr_sub.products0302 #product-carousel li:not(:hover) img::after {transition: 0.075s;}
.ddr_sub.products0302 #product-carousel li img {width: 100%; height: auto; transition: transform 0.25s ease-in;}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav {z-index: 9999; position: absolute; top: 48%; width: 50px; height: 50px; border-top: 6px solid #c0c0c0; border-right: 6px solid #c0c0c0; border-bottom: none; border-left: none; background-color: transparent; outline: 0; cursor: pointer;}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav.prev {left: 10px; transform: rotate(-135deg);}
.ddr_sub.products0302 #product-carousel-nav .carousel-nav.next {right: 10px; transform: rotate(45deg);}

/* .ddr_sub.products0302 .blackout {display: none; position: fixed; top: -150px; left: 0; width: 100%; height: 200%; background-color: rgba(0, 0, 0, 0.9); z-index: 9997;} */
.ddr_sub.products0302 .blackout {display: none; position: fixed; top: -255px; left: 0; width: 100%; height: 1000%; background-color: rgba(0, 0, 0, 0.9); z-index: 9997;}

.header-wrap.zindex-0 {z-index: 0;}
.footer.zindex-0 {z-index: -1;}

@media only screen and (max-width: 1280px){
    .ddr_sub.products0302 #product-carousel-container {height: 450px;}
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 45%;}
}
@media only screen and (max-width: 1024px){
    .ddr_sub.products0302 #product-carousel-container {height: 350px;}
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 45%;}
}
@media only screen and (max-width: 850px){
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 38%;}
}
@media only screen and (max-width: 768px){
    .ddr_sub.products0302 #product-carousel-container {height: 300px; margin-top: 30px;}
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 40%;  width: 35px; height: 35px; border-top: 5px solid #c0c0c0; border-right: 5px solid #c0c0c0;}
    .ddr_sub.products0302 #product-carousel li.item-1 {transform: translateX(-50%) scale(1.1) translate3d(0, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-1.hovers {transform: translateX(-50%) scale(1.35) translate3d(0, 0%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-2 {transform: translateX(-50%) scale(0.6) translate3d(165%, 0%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-3 {transform: translateX(-50%) scale(0.6) translate3d(300%, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-4 {transform: translateX(-50%) scale(0.6) translate3d(-300%, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-5 {transform: translateX(-50%) scale(0.6) translate3d(-165%, 0%, 0);}
}
@media only screen and (max-width: 600px){
    .ddr_sub.products0302 {margin-bottom: -100px;}
    .ddr_sub.products0302 .tab-wrap .tab {padding: 10px; }
    .ddr_sub.products0302 .tab-wrap .tab .tab-item {width: 50%;}
    .ddr_sub.products0302 #product-carousel-container {height: 300px; margin-top: 30px;}
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 35%;}
    .ddr_sub.products0302 #product-carousel li.item-1 {transform: translateX(-50%) scale(1.2) translate3d(0, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-1.hovers {transform: translateX(-50%) scale(1.4) translate3d(0, 2%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-2 {transform: translateX(-50%) scale(0.7) translate3d(120%, 0%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-3 {transform: translateX(-50%) scale(0.7) translate3d(260%, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-4 {transform: translateX(-50%) scale(0.7) translate3d(-260%, 0, 0);}
    .ddr_sub.products0302 #product-carousel li.item-5 {transform: translateX(-50%) scale(0.7) translate3d(-120%, 0%, 0);}
}
@media only screen and (max-width: 450px){
    .ddr_sub.products0302 #product-carousel-container {height: 300px; margin-top: 30px;}
    .ddr_sub.products0302 .tab-wrap .tab .tab-item {width: 100%;}
    .ddr_sub.products0302 #product-carousel-nav .carousel-nav {top: 40%;  width: 35px; height: 35px; border-top: 5px solid #c0c0c0; border-right: 5px solid #c0c0c0;}
    .ddr_sub.products0302 #product-carousel li.item-1 {transform: translateX(-50%) scale(1.5) translate3d(0, 20%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-1.hovers {transform: translateX(-50%) scale(2) translate3d(0, 15%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-2 {transform: translateX(-50%) scale(1) translate3d(200%, 5%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-3 {transform: translateX(-50%) scale(1) translate3d(200%, 5%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-4 {transform: translateX(-50%) scale(1) translate3d(-200%, 5%, 0);}
    .ddr_sub.products0302 #product-carousel li.item-5 {transform: translateX(-50%) scale(1) translate3d(-200%, 5%, 0);}
}


















html{
	scroll-behavior: smooth;
}



/* 브랜드 STORY - 엠브라셀 */


.borderBox {    border: 1px solid #ccc;    text-align: center;}
.contents-section {    margin-bottom: 80px;}
.contents-section:last-child {    margin-bottom: 0;}

.embracell .tit_wrap {margin-bottom: 40px;}
.embracell .theme{position:relative;}
.embracell .theme .items .themeImg{background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; position:relative;}
.embracell .theme .items .themeImg:after{content:""; display:block; padding-bottom:42.85%;}
.embracell .theme .items .themeImg1{background-image:url(../images/contents/embracell_img01.jpg);}
.embracell .theme .items .themeImg2{background-image:url(../images/contents/embracell_img02.jpg);}
.embracell .theme .items .themeImg3{background-image:url(../images/contents/embracell_img03.jpg);}
.embracell .theme .items .themeImg4{background-image:url(../images/contents/embracell_img04.jpg);}
.embracell .theme .items .themeImg5{background-image:url(../images/contents/embracell_img05.jpg);}
.embracell .theme .items .themeImg6{background-image:url(../images/contents/embracell_img06.jpg);}
.embracell .theme .dots{position:absolute; left:50%; bottom:40px; width:auto; height:auto; transform:translateX(-50%);}
.embracell .theme .dots .slick-dots{font-size:0;}
.embracell .theme .dots .slick-dots>li{display:inline-block; margin-right:10px;}
.embracell .theme .dots .slick-dots>li:last-child{margin-right:0;}
.embracell .theme .dots .slick-dots>li>a{display:block; width:10px; height:10px; box-sizing:border-box; border:2px solid #f15d22; border-radius:100%;}
.embracell .theme .dots .slick-dots>li.slick-active>a{background:#f15d22;}

.embracell .ci .ciWrap{font-size:0;}
.embracell .ci .ciWrap>div{display:inline-block; vertical-align:top;}
.embracell .ci .ciWrap .borderBox{width:calc(33.33% - 26.66px); margin-right:40px; padding:0;}
.embracell .ci .ciWrap .textBox{width:calc(66.67% - 13.34px); font-size:20px; line-height:1.2;}
.embracell .ci .ciWrap .textBox p {font-size:20px;}
.embracell .ci .ciWrap .textBox .ciTitle{font-size:1.5em; color:#222; font-weight:400; display:block; margin-bottom:11px;}

.embracell .story .storyList{font-size:0;}
.embracell .story .storyList>li{display:inline-block; width:calc(33.33% - 26.66px); margin-right:40px; text-align:center; vertical-align:top; box-sizing:border-box; padding:0 40px;}
.embracell .story .storyList>li:last-child{margin:0;}
.embracell .story .storyList>li p{font-size:20px; line-height:1.2; margin-top:34px;}

.embracell .brand p {font-size: 18px; line-height: 1.2; margin-top: 34px;}

.p_img {text-align: center;}

@media only screen and (max-width: 1024px){
    .embracell .theme .items .themeImg:after{padding-bottom:76.68%;}
    .embracell .theme .items .themeImg1{background-image:url(../images/contents/embracell_img01m.jpg);}
    .embracell .theme .items .themeImg2{background-image:url(../images/contents/embracell_img02m.jpg);}
    .embracell .theme .items .themeImg3{background-image:url(../images/contents/embracell_img03m.jpg);}
    .embracell .theme .items .themeImg4{background-image:url(../images/contents/embracell_img04m.jpg);}
    .embracell .theme .items .themeImg5{background-image:url(../images/contents/embracell_img05m.jpg);}
    .embracell .theme .items .themeImg6{background-image:url(../images/contents/embracell_img06m.jpg);}
}
@media only screen and (max-width: 768px){
    .embracell .theme .dots{bottom:20px;}
    .embracell .theme .dots .slick-dots>li{margin-right:5px;}
    .embracell .theme .dots .slick-dots>li>a{width:8px; height:8px;}

    .embracell .ci .ciWrap>div{display:block;}
    .embracell .ci .ciWrap .borderBox{width:100%; text-align:center; margin:0 0 30px 0;}
    .embracell .ci .ciWrap .textBox{width:100%; font-size:18px;}

    .embracell .story .storyList>li{width:calc(33.33% - 20px); margin-right:30px; padding:0 30px;}
    .embracell .story .storyList>li p{margin-top:24px; font-size:18px;}

    .embracell .brand p {margin-top: 20px;}
    .embracell .ci .ciWrap .textBox p {font-size: 18px;}
    .embracell .tit_wrap {
        margin-bottom: 20px;
    }
    .contents-section {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 640px){
    .embracell .story .storyList>li{display:block; width:100%; margin:0 0 30px 0;}
    .embracell .story .storyList>li img{height:auto; max-width:150px;}
}
@media only screen and (max-width: 480px){
    .embracell .theme .items .themeImg:after{padding-bottom:350px;}

    .embracell .story .storyList>li img{max-width:100px;}
}



/* Golden Cocoon */
.cocoon .top {width: 100%; background: url(../images/contents/0201_top.jpg) top center no-repeat; background-size: cover; padding: 80px 0 100px; text-align: center; margin-bottom: 80px;}
.cocoon .top h2{ font-size: 36px; color: #222; font-weight: 700; margin-bottom: 30px;}
.cocoon .top p{ font-size: 28px; color: #444; font-weight: 300; line-height: 1.5; margin: 0 7.5%;}

.cocoon .bottom {padding: 0 20px;}
.cocoon .bottom .cocoon_wrap {display: flex; align-items: center; margin-bottom: 80px;}
.cocoon .bottom .cocoon_wrap:last-child {margin-bottom: 0;}
.cocoon .bottom .cocoon_wrap .left{width: 50%; padding-right: 30px;}
.cocoon .bottom .cocoon_wrap .right{width: 50%; padding-left: 30px;}
.cocoon .bottom .cocoon_wrap.full{width: 100%; flex-direction: column;}
.cocoon .bottom .cocoon_wrap.full .txt_box{width: 100%; margin-top: 50px;}
.cocoon .bottom .cocoon_wrap .txt_box{padding-left: 60px;}
.cocoon .bottom .cocoon_wrap .txt_box h5{color: #505050; margin-bottom: 50px; font-size: 28px; font-weight: 700;}
.cocoon .bottom .cocoon_wrap .txt_box p{color: #505050; margin-bottom: 40px; font-size: 22px; font-weight: 300; line-height: 1.5;}
.cocoon .bottom .cocoon_wrap .txt_box p:last-child{margin-bottom: 0px;}

@media only screen and (max-width: 1440px){
    .cocoon .top {padding: 80px 10px 100px;}
    .cocoon .top h2{ font-size: 32px;}
    .cocoon .top p{ font-size: 26px;}
    
    .cocoon .bottom {padding: 0 ;}
    .cocoon .bottom .cocoon_wrap:last-child {margin-bottom: 0;}
    .cocoon .bottom .cocoon_wrap .txt_box h5{ margin-bottom: 40px; font-size: 25px;}
    .cocoon .bottom .cocoon_wrap .txt_box p{ margin-bottom: 20px; font-size: 20px;}
    .cocoon .bottom .cocoon_wrap .txt_box p br {display: none;}
    .cocoon .bottom .cocoon_wrap .txt_box p:last-child br{ display: block;}
    .cocoon .bottom .cocoon_wrap .txt_box p:last-child{margin-bottom: 0px;}

    
}

@media only screen and (max-width: 1024px){
    .cocoon .top {padding: 60px 10px 80px;}
    .cocoon .top h2{ font-size: 28px;}
    .cocoon .top p{ font-size: 24px;}
    .cocoon .top p br{ display: none;}

    .cocoon .bottom .cocoon_wrap {flex-direction: column;}
    .cocoon .bottom .cocoon_wrap.nth-2,
    .cocoon .bottom .cocoon_wrap.nth-5 { flex-direction: column-reverse;}
    .cocoon .bottom .cocoon_wrap .left{width: 100%; }
    .cocoon .bottom .cocoon_wrap .right{width: 100%; }
    .cocoon .bottom .cocoon_wrap .img_box {width: 60%; padding: 0;}
    .cocoon .bottom .cocoon_wrap .txt_box {margin-top: 40px;}
    .cocoon .bottom .cocoon_wrap.full .img_box {width: 100%; padding: 0;}
    .cocoon .bottom .cocoon_wrap .txt_box h5{ margin-bottom: 30px; font-size: 22px;}
    .cocoon .bottom .cocoon_wrap .txt_box p{ margin-bottom: 20px; font-size: 18px;}

}

@media only screen and (max-width: 768px){
    .cocoon .top {padding: 50px 10px 80px;}
    .cocoon .top h2{ font-size: 26px;}
    .cocoon .top p{ font-size: 22px;}
    .cocoon .bottom .cocoon_wrap {margin-bottom: 60px;}
    .cocoon .bottom .cocoon_wrap .txt_box{padding-left: 20px;}
    .cocoon .bottom .cocoon_wrap .img_box {width: 80%;}
}

@media only screen and (max-width: 480px){

}

/* 브랜드 - Embracell 디자인 추가 */
.point { line-height: 1.5; } 
.point-border { border-bottom: 1px dashed #ccc; padding-bottom: 120px; margin-bottom: 100px; } 
.point .point-tit { margin: 40px 0 20px; } 
.point .point-tit h4 { color: #8C6F4F; font-size: 32px; font-weight: 500; display: flex; align-items: center; } 
.point .point-tit b { background-color: #8C6F4F; border-radius: 50%; color: #fff; font-size: 18px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; margin-right: 10px; font-weight: 700; } 
.point01-intro,
.point03-intro { display: flex; align-items: center; column-gap: 90px; } 
.point .txt header { font-size: 30px; color: #505050; font-weight: 600; margin-bottom: 20px; } 
.point .txt p { font-size: 22px; font-weight: 300; } 
.point .txt p b { color: #8C6F4F; font-weight: 500; } 
.point01-process { margin-top: 50px; } 
.point01-process ul { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 100px; } 
.point01-process ul li { position: relative; } 
.point01-process ul li:after { position: absolute; width: 44px; height: 36px; background: url(../images/contents/add-embracell-arrow.svg) no-repeat; content: ""; right: -75px; top: 50%; transform: translateY(-50%); } 
.point01-process ul li:last-child:after { display: none; } 
.point01-process02 { margin-top: 120px; display: flex; justify-content: space-between; align-items: center; column-gap: 90px; } 
.point01-process02 .img { width: 50%; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; padding: 0 30px; } 
.point01-process02 .img img { margin: 10% 0; } 
.point01-process02 .txt { width: 50%; } 
.point01-differences { margin-top: 120px; } 
.point01-differences h5 { font-size: 30px; color: #222; font-weight: 700; margin-bottom: 20px; } 
.point01-differences header { font-size: 22px; color: #505050; font-weight: 500; margin-bottom: 40px; } 
.point01-differences h6 { font-size: 22px; color: #8C6F4F; font-weight: 500; margin-bottom: 10px; } 
.point01-differences p { font-size: 20px; color: #666; margin-bottom: 10px; } 
.point01-table { margin-top: 70px; } 
.point01-table table { width: 100%; border-collapse: collapse; text-align: center; color: #222; } 
.point01-table th, td { border: 1px solid #ddd; padding: 20px; } 
.point01-table th { background-color: #F8EEC5; font-size: 20px; font-weight: 700; border-top: 2px solid #222; } 
.point01-table td { font-weight: 500; } 
.point01-table tr:nth-child(even) { background-color: #F8F8F8; } 
.point01-table tr td:first-child,
.point01-table tr th:first-child { border-left: none; } 
.point01-table tr td:last-child,
.point01-table tr th:last-child { border-right: none; } 
.point01-differences > .img { margin: 50px 0 100px 0; } 
.point01-differences > article { font-size: 36px; color: #a9a295; font-weight: 700; margin: 40px 0; } 
.point01-effect { display: flex; justify-content: space-between; column-gap: 50px; } 
.point01-logo { display: flex; justify-content: center; margin-top: 40px; } 
.point01-last { margin-top: 100px; display: flex; justify-content: space-between; align-items: center; } 
.point01-last .left ul { width: 110%; background-color: #FFF5DB; position: relative; z-index: 0; padding: 20px 60px; } 
.point01-last .left ul li { display: flex; padding: 22px 0; border-bottom: 1px dashed #8c6f4f; align-items: center; column-gap: 25px; } 
.point01-last .left ul li:last-child { border-bottom: none; } 
.point01-last .left ul li p:first-child { font-size: 16px; background-color: #8C6F4F; width: 30px; height: 30px; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; } 
.point01-last .left ul li p:last-child { font-size: 18px; font-weight: 700; color: #444; } 
.point02 .point-tit { margin-bottom: 40px; } 
.point02 h5 { font-size: 26px; color: #8C6F4F; font-weight: 600; margin-bottom: 20px; } 
.point02 h6 { color: #222; font-size: 20px; font-weight: 500; margin-bottom: 10px; } 
.point02 > p { font-size: 18px; color: #505050; font-weight: 400; } 
.point02 > ul { margin: 70px 0; display: flex; justify-content: space-between; align-items: center; column-gap: 70px; } 
.point02 > ul > li { display: flex; flex-direction: column; width: 33.3%;} 
.point02 > ul .txt-box { background-color: #FFF5DB; padding: 40px 20px; display: flex; flex-direction: column; align-items: center; row-gap: 15px; text-align: center; } 
.point02 > ul .txt-box header { color: #222; font-size: 24px; font-weight: 600; } 
.point02 > ul .txt-box p { color: #505050; font-size: 17px; } 
.point02-cert ul { display: flex; column-gap: 140px; } 
.point03-intro { margin-top: 40px; } 
.point03-intro img { width: 50%; } 
.point03-intro .txt-area .txt:first-child { margin-bottom: 30px; } 
.point03-diagram { margin-top: 100px; } 
.point03-diagram > * { display: flex; justify-content: space-between; column-gap: 100px; align-items: center; } 
.point03-diagram > li:last-child { margin-top: 50px; } 
.point04 { padding-bottom: 0; border-bottom: unset; } 
.point04 h5 { color: #505050; font-size: 28px; font-weight: 700; } 
.point04 > .img { margin-top: 70px; } 
.point04-check { display: flex; justify-content: center; margin-top: 50px; } 
.point04-check ul { display: flex; justify-content: center; background-color: #FFF5DB; column-gap: 90px; padding: 25px 40px; border-radius: 500px; } 
.point04-check ul li { position: relative; } 
.point04-check ul li:before { position: absolute; content: ""; width: 40px; height: 27px; background: url(../images/contents/add-embracell-check.svg) no-repeat; top: 0; background-size: contain;} 
.point04-check ul li span { font-size: 19px; font-weight: 700; color: #8C6F4F; padding-left: 45px; } 
.point04-cert { display: flex; justify-content: space-between; column-gap: 100px; align-items: center; margin-top: 100px; } 
.point04-cert > .txt-area > div:last-child { margin-top: 30px; } 
.point04-cert > .txt-area > header { font-size: 32px; color: #8C6F4F; font-weight: 700; margin-bottom: 50px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } 

@media (max-width: 1280px) {
    .point04-check ul li span {
        font-size: 17px;
    }
    .point04-check ul {
        column-gap: 50px;
        padding: 25px 40px;
        border-radius: 500px;
    }
}

@media (max-width: 1024px){
 .point-border { padding-bottom: 60px; margin-bottom: 50px; } 
 .point .point-tit { margin: 20px 0; } 
 .point .txt header, .point01-differences h5, .point04 h5 { font-size: 26px; } 
 .point .txt p,
 .point01-differences p, .point01-last .left ul li p:last-child, .point02 h6 { font-size: 18px; } 
 .point01-intro, .point03-intro { column-gap: 45px; } 
 .point01-differences header,
 .point01-differences h6, .point02 h5,
 .point02 > ul .txt-box header { font-size: 20px; } 
.point01-differences > article { font-size: 32px; } 
.point01-last { justify-content: center; align-items: flex-end; flex-direction: column-reverse; position: relative; } 
.point01-last .left { width: 50%; position: absolute; left: 0; } 
.point01-last .left ul { width: 100%; padding: 25px; } 
.point01-differences p { margin-bottom: 0; } 
.point01-last .img { width: 50%; } 
.point01-last .left ul li p:first-child { font-size: 14px; width: 25px; height: 25px; font-weight: 500; } 
.point02 > p,
.point02 > ul .txt-box p { font-size: 16px; } 
.point02 > ul { column-gap: 20px; } 
.point02-cert ul { column-gap: 70px; } 
.point03-intro { flex-direction: column; row-gap: 30px; align-items: flex-start; } 
.point03-intro img { width: 100%; } 
.point03-diagram > * { flex-direction: column-reverse; row-gap: 30px; } 
.point03-diagram .txt p { text-align: center; } 
.point04-check ul {
    flex-direction: column;
    row-gap: 15px;
    border-radius: unset;
}
 }
 @media (max-width:900px){
 .point01-last .img { display: none; } 
 .point01-last { margin-top: 50px; } 
 .point01-last .left { width: 100%; position: relative; } 
 }
@media (max-width:768px){
 .point01-process02 { flex-direction: column; row-gap: 30px; align-items: flex-start; } 
 .point01-process02 .img,
 .point01-process02 .txt { width: 100%; } 
 .point01-table th,
 .point01-differences header, .point01-differences h6, .point02 h5 { font-size: 17px; } 
 .point01-differences { margin-top: 70px; } 
 .point01-differences h5, .point04 h5, .point04-check ul li span { font-size: 22px; } 
 .point01-differences > .img { margin: 50px 0; } 
 .point01-differences > article { font-size: 28px; } 
 .point01-effect { flex-direction: column; align-items: center; row-gap: 30px; } 
 .point02 h6 { font-size: 16px; } 
 .point02 > ul { flex-direction: column; row-gap: 30px; } 
 .point02 > ul > li { width: 100%; } 
 .point02-cert ul { flex-direction: column; align-items: center; } 
 .point02-cert h5 { text-align: center; } 
 .point04 > .img { overflow: auto; } 
 .point04 > .img img { min-width: 768px; } 
 .point04-check ul li span { padding-left: 40px; } 
 .point04-check ul li:before { width: 35px; height: 22px; } 
 .point04-cert { flex-direction: column; row-gap: 30px; } 
 .point04-cert .txt-area { text-align: center; } 
 }
@media (max-width: 650px){
 .point .point-tit h4 { font-size: 26px; } 
 .point .point-tit b { font-size: 16px; width: 35px; height: 35px; font-weight: 500; } 
 .point01-intro, .point03-intro { flex-direction: column; row-gap: 20px; align-items: flex-start; } 
 .point01-process ul { grid-template-columns: repeat(1, 1fr); row-gap: 70px; } 
 .point01-process ul li:after { right: auto; left: 50%; top: auto; bottom: -50px; transform: rotate(90deg) translateY(50%); } 
 .point01-differences > article { font-size: 24px; } 
.point01-last { margin-top: 50px; } 
.point01-last .left ul li p:last-child { font-size: 16px; } 
.point01-last .left ul li p:first-child { font-size: 12px; width: 20px; height: 20px; } 
.point04-check ul { flex-direction: column; row-gap: 10px; width: 50%; border-radius: unset; align-items: center; } 
 }
@media (max-width: 480px){
 .point .txt header { margin-bottom: 10px; } 
 .point .txt p, .point01-differences p, .point02 > ul .txt-box p { font-size: 15px; } 
 .point .point-tit h4,
 .point .txt header { font-size: 22px; } 
 .point .point-tit b { font-size: 14px; width: 30px; height: 30px; } 
 .point01-table { overflow: auto; } 
.point01-differences h5, .point02 > ul .txt-box header { font-size: 18px; } 
.point01-table th, .point01-differences header, .point01-differences h6 { font-size: 16px; } 
.point01-differences > article, .point04 h5 { font-size: 20px; } 
.point01-logo {
 flex-direction: column; align-items: center; margin-top: 20px; } 
.point01-last .left ul li { padding: 22px 0; border-bottom: 1px dashed #8c6f4f; align-items: center; column-gap: 25px; flex-direction: column; row-gap: 10px; } 
.point02 > ul .txt-box { padding: 20px; } 
 }