.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; } 
.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: 150px; margin: 0 calc((100% - 150px)/2); } 
.ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .sub_tit p { 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 { position: relative; margin: 0 -20px; 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: 100px; 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: 45px 50px; 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: 40px; 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: 35px; } 
.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: 5px; display: list-item; list-style-type: square; color: #666; font-size: 2px; width: 2px; height: 2px; } 

@media(max-width:1314px){
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box .sub_tit_item p { margin-bottom: 30px; } 
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box ul { padding-top: 25px; } 
 }
@media(max-width:1280px){
 .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr th { width: 180px; } 
 .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr td { width: calc(100% - 180px); } 
 .ddr_sub.overview .contents_wrap.nth-03 .input_wrap .business_txt_item { margin-bottom: 0; } 
 }
@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 { width: 180px; height: 80px; } 
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p { line-height: 80px; } 
 }
@media(max-width:885px){
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-003 .strategy_wrap .text_box { padding: 35px 40px; } 
 }
@media(max-width:845px){
 .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-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-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: 130px; } 
 .ddr_sub.overview .contents_wrap.nth-02 .table_wrap table tr td { width: calc(100% - 130px); } 
 .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-002 .marketing_wrap .marketing_box { justify-content: space-around; } 
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item { position: initial; margin: 0; width: 120px; height: auto; border-radius: 100px; } 
 .ddr_sub.overview .contents_wrap.nth-04 .input_wrap.nth-002 .marketing_wrap .marketing_box .marketing_item p { line-height: 120px; } 
 }
@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; } 
 .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-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: 150px; margin: 0 calc((100% - 150px)/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 { position: initial; margin: 5px 30%; width: 40%; height: 50px; border-radius: 120px; } 
 .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-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 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; } 
 }
/* 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: 0; 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; } 
@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; } 
.body-sub .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, 0, 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; transition: all 0.05s ease-in; } 
.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: 30px; height: 30px; 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 #product-carousel-container { height: 300px; margin-top: 30px; } 
 .ddr_sub.products0302 #product-carousel-nav .carousel-nav { top: 35%; width: 30px; height: 30px; border-top: 5px solid #c0c0c0; border-right: 5px solid #c0c0c0; } 
 .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 .tab-wrap .tab { padding: 10px; } 
 .ddr_sub.products0302 #product-carousel-container { height: 300px; margin-top: 30px; } 
 .ddr_sub.products0302 #product-carousel-nav .carousel-nav { top: 40%; width: 30px; height: 30px; 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; } 

.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: 150%; 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: 22px; 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; } 
.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: 48px; height: 35px; background: url(../images/contents/add-embracell-check.svg) no-repeat; top: 7px; } 
.point04-check ul li span { font-size: 32px; font-weight: 700; color: #8C6F4F; padding-left: 55px; } 
.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: 1024px){
 .point-border { padding-bottom: 60px; margin-bottom: 50px; } 
 .point .point-tit { margin: 20px 0; } 
 .point .txt header, .point01-differences h5, .point04 h5, .point04-check ul li span { 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; } 
.point03-diagram li:last-child { flex-direction: column; } 
.point04-check ul { column-gap: 45px; } 
.point04-check ul li:before { width: 40px; height: 27px; background-size: contain; top: 7px; } 
.point04-check ul li span { padding-left: 45px; } 
 }
 @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: 100%; 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; } 
 }