@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(300px, calc( 775 / var(--inner) * 100vw ), 775px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(300px, calc( 775 / var(--inner) * 100vw ), 775px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:8px; line-height:1.3; color: #555555;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:#555555; border-radius: 50%;}
.bullet-item .bullet-list.color::before {background:var(--color-primary);}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}

.bg-gray {background:#f8f8f8;}
.bg-yellow {background:#fef6ee;}
.subsec-pd {padding:clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 0;} 
.subcontents + .subcontents {padding-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}

.tabwrap {margin-bottom:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.tabwrap .tablist {display: flex; overflow-x: auto;}
.tabwrap .tabitem {position: relative; background: #f8f8f8; flex: 1;}
.tabwrap .tabitem:not(:first-child):after {position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); width:1px; height:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); background:#dddddd; }
.tabwrap .tablink {display: flex; align-items: center; justify-content: center; padding:0 clamp(18px, calc( 35 / var(--inner) * 100vw ), 35px); height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px);font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold; white-space: nowrap; letter-spacing: -0.5px; color: #b0b0b0;}
.tabwrap .tabitem.active .tablink {color: #fff; background: var(--color-primary);}
.tabwrap .tabitem.active:after {display: none;}

.research-list {border-top: 1px solid #242424;}
.research-item {border-bottom: 1px solid #dddddd;}
.research-item .inner {display: flex; align-items: center; flex-wrap: wrap; padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); height:clamp(80px, calc( 100 / var(--inner) * 100vw ), 100px);}
.research-item .badgebx {flex: 1 0 clamp(180px, calc( 210 / var(--inner) * 100vw ), 210px); max-width: clamp(180px, calc( 210 / var(--inner) * 100vw ), 210px);}
.research-item .badge {display: inline-flex; align-items: center; justify-content: center; min-width: clamp(90px, calc( 160 / var(--inner) * 100vw ), 160px); height: clamp(34px, calc( 46 / var(--inner) * 100vw ), 46px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); border-radius: 23px; background: #f8f8f8; color: #b0b0b0; font-weight: bold; line-height: 1;} 
.research-item .textbx {flex: 1 0 auto; width: 1%; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;}
.research-item:hover .inner {background: #f9f9fd;}
.research-item:hover .badge {background: var(--color-primary); color: #fff;}

.doctors-item {border-bottom: 1px solid #cccccc;}
.doctors-item .imgbx {flex: 1 0 50%; max-width: 50%;}
.doctors-item .textbx {flex: 1 0 auto; width: 1%; padding-top: clamp(35px, calc( 50 / var(--inner) * 100vw ), 50px);}
.doctors-item .titbx {padding-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); padding-bottom: clamp(20px, calc( 44 / var(--inner) * 100vw ), 44px); position: relative;}
.doctors-item .titbx:after {position: absolute; content: ''; left: 0; top: 0; width:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); height: 1px; background: var(--color-primary);}
.doctors-item .tit {font-size:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 800; color: #333333;}
.doctors-item .area {display: inline-block; padding-left: 10px; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 800; color: var(--color-primary);}

.location-area {overflow: hidden;  letter-spacing: -0.6px;}
.location-area .flxWrap {padding-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.location-area .textinfo {flex: 1 0 clamp(340px, calc( 660 / var(--inner) * 100vw ), 660px); max-width: clamp(340px, calc( 660 / var(--inner) * 100vw ), 660px); margin-top: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.location-area .root_daum_roughmap {width:100% !important; height:clamp(300px, calc( 775 / var(--inner) * 100vw ), 775px) !important;}
.location-area .root_daum_roughmap .wrap_map {height:clamp(300px, calc( 775 / var(--inner) * 100vw ), 775px) !important;}
.submaptxtitem + .submaptxtitem {margin-top: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px);}
.submaptxtitem .tt {display: block; margin-bottom: 13px; color: #333333; font-weight: bold;}
.submaptxtitem .tit {font-size:clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px); font-weight: bold; color: #333333; line-height: 1.1;}
.submaptxtitem .tit.ty2 {font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.submaptxtitem .badgelist {display: flex; align-items: center;}
.badgelist + .badgelist {margin-top:clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px);}
.submaptxtitem .badge {display: inline-flex; align-items: center; justify-content: center; margin-right: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); padding: 0 15px; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); min-width:100px; height: clamp(32px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: 20px; font-weight: 600; background: var(--color-primary); color: #fff;}
.submaptxtitem .dec {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #555555; line-height:1.44;}
.submaptxtitem .dec.ty2 {font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600; color: #333333;}
.submaptxtitem .tit + .badgelist {margin-top:clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px);}

.slideimgbx .images {aspect-ratio: 1400 / 830;}
.slideimgbx .images img {width:100%; height:100%; object-fit:cover; border-radius: clamp(16px, calc( 40 / var(--inner) * 100vw ), 40px);}
.slideimgbx .main-swipe {position: relative;}
.slideimgbx .main-textbx {display: flex; align-items: center; justify-content:center; position: absolute; left: 50%; bottom:clamp(5px, calc( 30 / var(--inner) * 100vw ), 30px); transform: translateX(-50%); padding:clamp(5px, calc( 12 / var(--inner) * 100vw ), 12px) clamp(12px, calc( 18 / var(--inner) * 100vw ), 18px); background: rgba(0, 0, 0, 0.6);border-radius: 25px; color: #fff; z-index: 10; min-width: clamp(100px, calc( 300 / var(--inner) * 100vw ), 300px); text-align: center;} 
.main-textbx .title {font-size: clamp(13px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600;}
.main-textbx .btn-arrow:after {display: none;}
.main-textbx .btn-arrow {flex: 1 0 clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px); max-width: clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px); width: clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); position: initial; margin-top: 0; background: none !important; border: 0;}
.main-textbx .btn-arrow svg {color: #7b7a7c; width: clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px);}
.main-textbx .btn-arrow:hover svg {color: #fff;}
.main-textbx .text {padding: 0 10px;}
.slideimgbx .sub-swipe {margin-top:  clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px); padding:0 clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) ; position: relative;}
.slideimgbx .sub-swipe .btn-arrow:after {display: none;}
.slideimgbx .sub-swipe .btn-arrow {margin-top: 0; top: 50%; transform: translateY(-50%); background: 0 !important; border: 0;}
.slideimgbx .sub-swipe .btn-arrow:hover svg {color: var(--color-primary); }
.slideimgbx .sub-swipe .swiper-button-prev {left: -18px;}
.slideimgbx .sub-swipe .swiper-button-next {right: -18px;}
.sub-swipe .swiper-slide-thumb-active:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid var(--color-primary); border-radius: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub-swipe .images img {border-radius: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px);}

.topsecflx .flxWrap {flex-direction: row-reverse; align-items: center;}
.topsecflx .imgbx {flex: 1 0 50%; max-width: 50%; padding-left: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.topsecflx .textbx {flex: 1 0 auto; width: 1%;}
.topsecflx .title {font-size: clamp(20px, calc( 46 / var(--inner) * 100vw ), 46px); font-weight: 800; color: #333333;;}
.topsecflx .decbx {padding-top: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px);}
.topsecflx .dec + .dec {padding-top: clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px);}
.topsecflx .dec  {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #555555; line-height: 1.4;}

.healthcare,
.antiaging {overflow: hidden;}
.sec02_2 {background: url(../images/sub/sub02_2-bg.jpg) no-repeat center center / cover;}
.sec02_2 .sec3item .inner {border: 1px solid #86dcff;}
.sec02_2 .sec3item:nth-child(1) .inner {background: transparent;}
.sec02_2 .sec3item:nth-child(2) .inner {background:transparent;}
.sec02_2 .sec3item .img img {width: clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px);}
.sec02_2 .sec3item .inner .name {padding-top: 0;}

.sec02_3flx {display: flex; flex-wrap: wrap; flex-direction: row-reverse;}
.sec02_3flx .imgbx {flex: 1 0 57.2%; max-width: 57.2%;}
.sec02_3flx .textbx {flex: 1 0 auto; width: 1%; padding-right: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); }
.sec02_3flx .bdbox {padding-bottom: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); border-bottom: 1px solid #cccccc;}
.sec02_3flx .title {margin-bottom: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-size:clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px); color: #333333; font-weight: 800;}
.sec02_3flx .bullet-list {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #555; line-height: 1.64;}
.sec02_3flx .bullet-item .bullet-list::before {top: clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.sec02_3flx.reverse {flex-direction: row;}
.sec02_3flx.reverse .textbx {padding-right: 0;padding-left: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px);}

.sec02_3bgwrap {padding: clamp(25px, calc( 58 / var(--inner) * 100vw ), 58px) clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px) 0; position: relative; z-index: 1;}
.sec02_3bgwrap:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: clamp(250px, calc( 480 / var(--inner) * 100vw ), 480px);background: url(../images/sub/sub02_3-img2.png) no-repeat center center / cover; z-index: -1;}
.sec02_3bgwrap .bgflx {display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between;}
.sec02_3bgwrap .titbx {flex: 1 0 clamp(250px, calc( 620 / var(--inner) * 100vw ), 620px); max-width: clamp(250px, calc( 620 / var(--inner) * 100vw ), 620px); padding-top: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); text-align: right; color: #fff; font-size: clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: 800; }
.sec02_3bgwrap .sec02_3-list {flex: 1 0 auto; width: 1%; display: flex; flex-wrap: wrap; margin:-7px;}
.sec02_3bgwrap .sec02_3-item {flex: 1 0 50%; max-width: 50%; padding:7px;}
.sec02_3bgwrap .sec02_3-item .inner {padding:clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px); background: #fff; border-radius: 12px; text-align: center; height: 100%; border: 1px solid #ccc;}
.sec02_3bgwrap .sec02_3-item .tit {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333333;}
.sec02_3bgwrap .sec02_3-item .dec {padding-top: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #555555; line-height: 1.41;}

.processlist {display: flex;flex-wrap: wrap; margin: -45px;} 
.processitem {flex: 1 0 25%; max-width: 25%; padding:45px; position: relative;}
.processitem:not(:last-child):after {position: absolute; content: ''; right: -10px; top: 50%; transform: translateY(-50%); width:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(16px, calc( 32 / var(--inner) * 100vw ), 32px); background: url(../images/sub/sec-arrow1.png) no-repeat center center / contain;}
.processitem .inner {position: relative;}
.processitem .name {display:inline:block; padding:0 10px; position: absolute; bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); left: 50%; transform: translateX(-50%); font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 800; color: #fff; text-align: center; width: 100%;} 
.process-list {padding-top:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center; font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); color: #555555;}

.processlist.ty2 {margin:-20px;}
.processlist.ty2 .processitem {flex: 1 0 16.66%; max-width: 16.66%; padding: 20px;}
.processlist.ty2 .name {position: initial; display: block; padding-top:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: 400; color: #555; line-height: 1.41; text-align: center;transform:none;}
.processlist.ty2 .processitem:not(:last-child):after {top: 40%;} 

.sec02_4 {background: url(../images/sub/sub02_4-bg.jpg) no-repeat center center / cover; height: clamp(300px, calc( 700 / var(--inner) * 100vw ), 700px);}
.sec02_4 .contain {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center;}
.sec02_4 .eng {display: block; font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}
.sec02_4 .kor {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size: clamp(26px, calc( 52 / var(--inner) * 100vw ), 52px); font-weight: 800;}

.sec03_2_2 {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0; background: url(../images/sub/sub03_02_2-bg.jpg) no-repeat center center / cover; height: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px);}
.sec03_2_2 .desc {padding-left:clamp(20px, calc( 85 / var(--inner) * 100vw ), 85px); color: #fff; font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); line-height: 1.41;}

.sec03_3bg {padding-bottom: clamp(50px, calc( 160 / var(--inner) * 100vw ), 160px); position: relative;}
.sec03_3bg:after {position: absolute; content: ''; right: 0; bottom: 0; width:1100px; height: 460px; background: url(../images/sub/sub03_02_3-bg.jpg) no-repeat 50% 50% / cover; z-index: -1;}
.sec03_03-list {display: flex; flex-wrap: wrap; margin:-15px; max-width: 970px; width: 100%;}
.sec03_03-item {flex: 1 0 20%; max-width: 20%; padding: 15px;}
.sec03_03-item .inner {padding:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px) clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); background: #fff; border: 1px solid #ccc; border-radius:24px; height: 100%; letter-spacing: -0.6px; text-align: center;} 
.sec03_03-item .icn img {width:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.sec03_03-item .name {display: block; padding-top:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); color: #555555;}

.sec03_2_4-list {display: flex; flex-wrap: wrap; margin:-38px; padding-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.sec03_2_4-item {flex: 1 0 50%;max-width: 50%; padding: 38px;}
.sec03_2_4-item .inner {position: relative;}
.sec03_2_4-item .inner img {width: 100%;}
.sec03_2_4-item .textbx {padding:clamp(15px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(10px, calc( 55 / var(--inner) * 100vw ), 55px); position: absolute; left: 0; width: 100%; color: #fff;letter-spacing: -0.5px;}
.sec03_2_4-item .textbx .titbx {font-size:clamp(22px, calc( 56 / var(--inner) * 100vw ), 56px); font-weight: bold; font-family: var(--font-gmarket); letter-spacing: -2px;}
.sec03_2_4-item .textbx .small {display: inline-block; padding-left:10px; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold; font-family: var(--font-sans-serif);letter-spacing: normal; font-weight: 400;}
.sec03_2_4-item .decbx {padding-top:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.sec03_2_4-item .dec {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); line-height:1.41;}
.sec03_2_4-item .dec + .dec {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.sec03_2_4-item:nth-child(1) .textbx {bottom: 0;}
.sec03_2_4-item:nth-child(2) {transform: translateY(clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px));}
.sec03_2_4-item:nth-child(2) .textbx {top: 0;}
.sec03_2_4-item:nth-child(2) .textbx .small {display: block; text-align: right;}
.sec03_2_4-item:nth-child(2) .decbx {padding-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}

.commlayoutsec {position: relative;}
.commlayoutsec:after {position: absolute; content: ''; left: 0; top: 0; width: 100%; height:clamp(300px, calc( 500 / var(--inner) * 100vw ), 500px); background:url(../images/sub/sec03_2_5-bg.jpg) no-repeat 50% 50% /cover; z-index: -1;}
.commlayout-list {display: flex;flex-wrap: wrap; margin: -20px;}
.commlayout-item {flex: 1 0 50%; max-width: 50%; padding: 20px;}
.commlayout-item.wid100 {flex: 1 0 100%; max-width: 100%; }
.commlayout-item .inner {display: flex; flex-direction: column; justify-content: space-between; padding:clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px) clamp(15px, calc( 55 / var(--inner) * 100vw ), 55px) clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius: 24px; background: #fff; box-shadow:10px 0 30px rgba(0, 0, 0, 0.1); height: 100%;}
.commlayout-item .textbx {padding: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px) 0 clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); position: relative;}
.commlayout-item .textbx:after {position: absolute; content: ''; left: 0; top: 0; width:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); height: 1px; background: var(--color-primary);}
.commlayout-item .textbx.ty2 {padding-top:30px;}
.commlayout-item .textbx.ty2:after {width:clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); height: clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px); background: url(../images/sub/dotimg.png) no-repeat 50% 50%/contain;}
.commlayout-item .img + .img {margin-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.commlayout-item .num {font-size:clamp(22px, calc( 46 / var(--inner) * 100vw ), 46px); font-weight: 800; color:var(--color-primary);}
.commlayout-item .num + .small {padding-left: 10px;}
.commlayout-item .small {display: inline-block;  font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); color: #333333; font-weight: 800;}
.commlayout-item .dec {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); color: #555555; line-height: 1.5;}
.commlayout-text {padding-top:clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px); text-align: center; font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: 800;color: #333;} 

.commlayout-list.ty2 .commlayout-item {flex: 1 0 33.33%; max-width: 33.33%;}
.commlayout-list.ty3 {margin: -40px;}
.commlayout-list.ty3 .commlayout-item {padding: 40px;}
.commlayout-list.ty3 .commlayout-item .inner {padding: 20px;}

.sub03_3_2bg {padding-top: clamp(50px, calc( 130 / var(--inner) * 100vw ), 130px) ; position: relative; }
.sub03_3_2bg:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: clamp(120px, calc( 300 / var(--inner) * 100vw ), 300px); background: url(../images/sub/sec03_3_2-bg.jpg) no-repeat 50% 50% /cover; z-index: -1;}
/* .sub03_3_2-contain {margin-top: -85px;} */
.sub03_3_2-list {display: flex; flex-wrap: wrap; margin: -35px;}
.sub03_3_2-item {flex: 1 0 50%; max-width: 50%; padding: 35px; display: flex; align-items: center; flex-wrap: wrap;}
.sub03_3_2-item .imgbx {flex:1 0 clamp(150px, calc( 280 / var(--inner) * 100vw ), 280px); max-width: clamp(150px, calc( 280 / var(--inner) * 100vw ), 280px); margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.sub03_3_2-item .imgbx img {border-radius:24px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);}
.sub03_3_2-item .textbx {flex: 1 0 auto;width: 1%;}
.sub03_3_2-item .titbx {display: flex; align-items: center; }
.sub03_3_2-item .num {font-size:clamp(22px, calc( 46 / var(--inner) * 100vw ), 46px); font-weight: bold; color: var(--color-primary);}
.sub03_3_2-item .txt {display: inline-block; padding-left: 10px; font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333;}
.sub03_3_2-item .dec {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); color: #555555; line-height: 1.5;}

.sub03_3_3 {background: url(../images/sub/sub03_3_3-bg.jpg) no-repeat right center; background-size: cover;}
.sub03_3_3 .sub-title {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: right;}
.sub03_3_3 .imgbx {text-align: right;}

.sec04_1_2:after {background:url(../images/sub/sub04_1_2-bg.jpg) no-repeat 50% 50% /cover; }

.sec04_1_3-list {display: flex; flex-wrap: wrap; margin:-20px;}
.sec04_1_3-item {flex: 1 0 50%; max-width: 50%; padding: 20px;}
.sec04_1_3-item .inner {position: relative; padding-bottom: 75px;}
.sec04_1_3-item img {width: 100%;}
.sec04_1_3-item .textbx {padding:clamp(20px, calc( 37 / var(--inner) * 100vw ), 37px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); position: absolute; bottom: 0; right:clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px); max-width: 400px; box-shadow:0 0 40px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 24px; letter-spacing: -0.5px;}
.sec04_1_3-item .tit {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); color: #333333; font-weight: 800;}
.sec04_1_3-item .dec {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); color: #555; line-height: 1.5;}

.sec04imglist {display: flex; flex-wrap: wrap; margin: -10px;}
.sec04imgitem {flex: 1 0 25%; max-width: 25%; padding: 10px;}
.sec04imgitem .inner {text-align: center; height: 100%;}
.sec04imgitem .icn img {width: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.sec04imgitem .textbx {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.sec04imgitem span {display: block;}
.sec04imgitem .name {font-size: clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333;}
.sec04imgitem .dec {padding-top: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #555555; line-height: 1.41;}

.commlayoutbg {height:clamp(350px, calc( 700 / var(--inner) * 100vw ), 700px);}
.commlayoutbg.sec04_1_5 {background: url(../images/sub/commlaybg1.jpg) no-repeat center center / cover;}
.commlayoutbg .contain {display: flex; align-items: center; justify-content: center; height: 100%; text-align: center;}
.commlayoutbg .title {font-size: clamp(20px, calc( 52 / var(--inner) * 100vw ), 52px); font-weight: 800; color: #333;}
.commlayoutbg .title.white {color: #fff;}
.commlayoutbg .desc {padding-top:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); font-size: clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333;}
.commlayoutbg .desc.white { color: #fff;}

.sec04_2_2:after {background:url(../images/sub/sub04_2_2-bg.jpg) no-repeat 50% 50% /cover; }
.sec04_2_2 .commlayout-item .inner { padding:clamp(30px, calc( 85 / var(--inner) * 100vw ), 85px) 20px clamp(35px, calc( 90 / var(--inner) * 100vw ), 90px);}
.sec04_2_2 .text {padding-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px); font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; letter-spacing: -0.5px;}
.afbelist {display: flex; flex-wrap: wrap; margin: -20px;}
.afbeitem {flex: 1 0 50%; max-width: 50%; padding: 20px; position: relative;}
.afbeitem:not(:last-child):after {position: absolute; content: ''; right: -30px; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; background: url(../images/sub/sec-arrow2.png) no-repeat center center /contain; z-index: 1;}
.afbeitem .inner {position: relative;}
.afbeitem .img img {width: 100%; border-radius: 24px; box-shadow:10px 0 30px rgba(0, 0, 0, 0.1);}
.afbeitem .txt {position: absolute; left: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); bottom: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333;} 
.subcontents .intit {margin-bottom:25px; font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333; text-align: center;} 

.afbelistwrap {display: flex; flex-wrap: wrap; margin: -20px;}
.afbelist.ty2 {flex: 1 0 50%; max-width: 50%; padding: 20px;}
.afbelist.ty2 .txt {display: block; position: initial; padding-top:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: center; font-size: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.afbelist.ty2 .afbeitem:not(:last-child):after {top: 46%;}

.imgtxtlist {display: flex; flex-wrap: wrap;}
.imgtxtitem {flex: 1 0 25%; max-width: 25%;}
.imgtxtitem  .inner {display: flex; flex-direction: column;}
.imgtxtitem .imgbx img {width: 100%;}
.imgtxtitem .textbx {margin:0 clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); color: #333333; font-weight: 800; line-height: 1.41;}
.imgtxtitem:nth-child(odd) .textbx {padding-top: clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.imgtxtitem:nth-child(even) .textbx {padding-bottom: clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px); }
.imgtxtitem:nth-child(even) .inner {flex-direction: column-reverse;}
.imgtxtitem:nth-child(3) ,
.imgtxtitem:nth-child(4) .textbx {text-align: right;}

.commlayoutbg.sec04_2_5 {background: url(../images/sub/commlaybg2.jpg) no-repeat center center / cover;}

.seccheck-list {display: flex; flex-wrap: wrap; margin:-20px;}
.seccheck-item {flex: 1 0 50%; max-width: 50%; padding: 20px;}
.seccheck-item .inner {padding:clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius:24px; background: #fff; border: 1px solid #cccccc; height: 100%;}
.seccheck-item .tit {margin-bottom:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 800; color: #333333;}
.seccheck-item .incheckitem + .incheckitem {margin-top:6px;}
.seccheck-item .incheckitem {padding:clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px) clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius:12px; background: #f3f3f3;}
.seccheck-item .icnimg {padding-left:clamp(20px, calc( 25 / var(--inner) * 100vw ), 25px); position: relative; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); color: #555555;}
.seccheck-item .icnimg:after {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); background: url(../images/sub/check1.png) no-repeat; background-size: contain !important;}
.seccheck-item .midimgbx {margin-top: 12px; padding:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius: 12px; background: #fff; text-align: center;}
.seccheck-item .lasttext {margin-top:clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-family: var(--font-gmarket); font-weight: bold; text-align: center;}
.seccheck-item:last-child .inner {background:var(--color-primary); border-color: var(--color-primary);}
.seccheck-item:last-child .tit {color: #fff;}
.seccheck-item:last-child .incheckitem {background: #8386d2;}
.seccheck-item:last-child .icnimg {color: #fff;}
.seccheck-item:last-child .icnimg:after {background: url(../images/sub/check2.png) no-repeat;}
.seccheck-item:last-child .lasttext {color: #fff;}

.sec04_3_2:after {background:url(../images/sub/sub04_3_2-bg.jpg) no-repeat 50% 50% /cover; }
.sec04_4_2:after {background:url(../images/sub/sub04_4_2-bg.jpg) no-repeat 50% 50% /cover; }

.sec04_4_3 {padding-bottom:clamp(60px, calc( 220 / var(--inner) * 100vw ), 220px);}
.sec04_4_3:after {top:inherit; bottom: 0; background: url(../images/sub/sec04_4_3-bg.jpg) no-repeat center center / cover; height: clamp(200px, calc( 500 / var(--inner) * 100vw ), 500px);}
.sec04_4_3 .inner {position: relative;}
.sec04_4_3 .txt {position: absolute; left: 0; bottom: clamp(5px, calc( 50 / var(--inner) * 100vw ), 50px);; width: 100%; font-size:clamp(16px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: 800; color: #fff; text-align: center;}
.sec04_4_3 .slidecont {position: relative;}
.sec04_4_3 .swiper-slide {padding-bottom: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.sec04_4_3 .img img { box-shadow:0 10px clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) rgba(0, 0, 0, 0.1); border-radius: 24px;}
.sec04_4_3 .btn-arrow {top: 25%; background: transparent; border: 0;}
.sec04_4_3 .btn-arrow:hover svg {color: var(--color-primary);}
.sec04_4_3 .swiper-button-prev {left: -70px;}
.sec04_4_3 .swiper-button-next {right: -70px;}

/*다국어 */
.imgtxtitem .textbx:lang(en) {font-size: clamp(15px, calc(20 / var(--inner) * 100vw), 20px);}
.commlayout-item .small:lang(en) {display:block; font-size: clamp(16px, calc(22 / var(--inner) * 100vw), 22px);}