@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"에스시홀딩스"; font-size:12px; line-height:15px;}


.doc-tit {position:relative; width: fit-content; margin: 0 auto var(--margin-50); font-weight:700; font-size: var(--font-size-40); letter-spacing: -0.02em; color: #242424; text-align:center;} 
.doc-tit::after {content: ""; position: absolute; top: -4px; right: -4px; width: 8px; height: 8px; background-color: rgba(237, 28, 36, 0.8);} 

.doc-cnt {padding:var(--padding-80) 0;} 
.doc-cnt:last-child {padding-bottom:0;} 
.doc-cnt.bg-grey {background-color: #f4f4f4;} 

.bullet-item .bullet-list {position:relative; padding-left:9px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:5px; height:1px; background:#242424;}

/* 회사소개 */
.intro-area .logo-box {display:flex; align-items:center; justify-content:center; padding:25px 30px; border:1px solid #ddd; border-radius:30px;} 
.intro-area .mid-box {padding:clamp(20px, 0.9375rem + 0.7813vw, 30px) 0 clamp(35px, 1.5625rem + 1.5625vw, 55px); text-align:center;}
.intro-area .mid-box .mid-tit {margin-top:clamp(20px, 0.9063rem + 0.8594vw, 31px); font-weight:500; color:#242424; font-size:var(--font-size-24-18);}
.intro-area .mid-box .mid-sub {margin-top:clamp(8px, 0.25rem + 0.625vw, 16px); color:#454545;}
.intro-area .intro-item {display:flex; flex-wrap:wrap; border:1px solid #ddd; border-radius:30px; overflow:hidden;}
.intro-area .intro-list {flex:1 0 25%; max-width:25%; padding:50px 10px 10px; height:250px; border-right:1px solid #ddd;}
.intro-area .intro-list:lang(en) {height:290px;}
.intro-area .intro-list:last-child {border-right:0;}
.intro-area .intro-list:last-child .dec {font-size:14px;}
.intro-area .intro-list:nth-child(even) {background:#f8f8f8;}
.intro-area .intro-list .inner {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; height:100%;}
.intro-area .intro-list .icn {height:64px;}
.intro-area .intro-list .name {padding-top:clamp(15px, 0.6563rem + 0.7031vw, 24px); font-size:var(--font-size-22-16); color:#242424; font-weight:600;}
.intro-area .intro-list .dec {padding-top:6px; text-align:center;}
.intro-area .intro-list .dec-sub {font-size:12px; color:#898989;}

.greeting-area .flxWrap {position:relative;}
.greeting-area .img-box {flex:1 0 600px; max-width:600px; position:absolute; right:0; top:0;}
.greeting-area .text-box {flex:1 0 auto; width:1%; padding-right:15px;}
.greeting-area .head-title {position:relative; padding-top:clamp(30px, -0.0625rem + 4.8438vw, 92px); padding-left:clamp(20px, -1.7188rem + 7.4219vw, 115px); letter-spacing:-3px; font-size:var(--font-size-60-24); font-weight:bold; color:#242424; background:url(../images/sub/greeting-logo.png) no-repeat left top; background-size:contain; line-height:1.2; z-index:5;}
.greeting-area .body-dec {margin-top:clamp(30px, 0.1875rem + 4.2188vw, 84px);}
.greeting-area .top-dec {font-size:var(--font-size-20-16); font-weight:500; color:#242424;}
.greeting-area .dec-box {padding-top:clamp(15px, 0.5625rem + 0.9375vw, 27px);}
.greeting-area .dec {padding-top: clamp(10px, 0.25rem + 0.9375vw, 22px);;}
.greeting-area .dec:first-child {padding-top:0;}
.greeting-area .sign-box {display:flex; align-items:center; margin-top:30px; font-weight:600; color:#242424;}
.greeting-area .sign {display:inline-block; padding-left:8px; font-family:'Pristina'; font-size:var(--font-size-40-22); font-weight:400;}

.in .map {height:450px;}
.map iframe {width:100%; height:100%;}
.directions {margin-top:clamp(25px, 1.0938rem + 1.1719vw, 40px);}
.directions .address-info {margin-bottom:clamp(20px, 0.9375rem + 0.7813vw, 30px);}
.directions .address-info .comp {color:var(--color-1); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:var(--font-size-23-18); font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:clamp(18px, 0.8125rem + 0.7813vw, 28px) 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt:lang(en) {width:215px;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0; width:20px; height:20px;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
.directions .contact-info dl:first-child dt path {color:#ababab; background:transparent; fill: transparent;}
.directions .contact-info dl:first-child dt circle {color:#ababab;}


/* 팀홀딩스 */
.value-area .flxWrap {margin-top:clamp(50px, 1.5625rem + 3.9063vw, 100px); align-items:center;}
.value-area .flxWrap:first-child {margin-top:0;}
.value-area .img-box {flex:1 0 600px; max-width:600px;}
.value-area .text-box {flex:1 0 auto; width:1%; padding-left:clamp(20px, 0rem + 3.125vw, 60px);}
.value-area .num {font-size:var(--font-size-70-30); font-weight:100; color:var(--color-1); line-height:1.1;}
.value-area .tit {padding-top:clamp(10px, 0.4063rem + 0.5469vw, 17px); font-size:var(--font-size-30-20); font-weight:600; color:#242424;}
.value-area .dec {padding-top:clamp(10px, 0.5rem + 0.3125vw, 14px); color:#454545;}
.value-area .last-dec {padding-top:clamp(12px, 0.4063rem + 0.8594vw, 23px); color:#454545;}
.value-area .strong {font-weight:600; color:#242424;}
.value-area .flxWrap.reverse {flex-direction:row-reverse;}
.value-area .flxWrap.reverse .text-box {padding-left:0; padding-right:clamp(20px, 0rem + 3.125vw, 60px);}
.value-area .flxWrap.reverse .num {color:var(--color-2);}

.culture-section.cul1 {padding:clamp(50px, 1.5625rem + 3.9063vw, 100px) 0;}
.culture-section .team-title {text-align:center;}
.culture-section .team-title h1 {font-size:var(--font-size-40-22); line-height:var(--line-height-sm); color:#000000; font-weight:bold;} 
.culture-section .team-title .sub {padding-top:clamp(1.125rem, 0.8438rem + 0.7031vw, 1.6875rem);}
.culture-section .item-box {max-width:1025px; width:100%; margin:clamp(30px, 0.9375rem + 2.3438vw, 60px) auto 0; overflow:hidden;}
.culture-section .cul-item {display:flex; margin-right:-50px; margin-left:-50px;}
.culture-section .cul-list {flex:1 0 33.33%; max-width:33.33%; padding:0 50px; position:relative;}
.culture-section .cul-list::after {position:absolute; content:''; right:-15px; top:50%; width:33px; height:6px; background:url(../images/sub/dot-2.png) no-repeat;}
.culture-section .cul-list:last-child:after {display:none;}
.culture-section .cul-list .inner {display:flex; align-items:center; justify-content:center; flex-direction:column; width:274px; height:274px; border:1px solid var(--color-1); border-radius:50%;}
.culture-section .cul-list .icn {height:59px;}
.culture-section .cul-list .title {padding-top:clamp(10px, 0.375rem + 0.625vw, 18px);; font-size:var(--font-size-20-16); font-weight:600; color:#242424; line-height:1.1;}
.culture-section .cul-list .title:lang(en) {padding-top:clamp(12px, 0.3438rem + 1.0156vw, 25px); font-size:var(--font-size-24-18); text-transform:uppercase;}
.culture-section .cul-list .eng {display:block; padding-top:clamp(5px, 0.2188rem + 0.2344vw, 8px); font-family:'Play'; color:var(--color-1); font-weight:bold; font-size:var(--font-size-15); text-transform:uppercase; letter-spacing:1px; line-height:1.1;}
.culture-section .cul-list .dec {padding-top:clamp(5px, 0.1563rem + 0.3906vw, 10px); text-align:center;}
.culture-section .cul-list .dec:lang(en) {line-height:1.3;}
.culture-section.cul2 {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px); background:url(../images/sub/cul-bg.jpg) no-repeat; background-size:cover;}
.culture-section .strength-item {margin-top:clamp(30px, 0.9375rem + 2.3438vw, 60px);}
.culture-section .strength-list {margin-top:clamp(20px, 0.625rem + 1.5625vw, 40px); margin-right:clamp(25px, -0.7813rem + 5.8594vw, 100px);}
.culture-section .strength-list:first-child {margin-top:0;}
.culture-section .strength-list .flxWrap {align-items:center;}
.culture-section .strength-list .inner {padding:clamp(25px, 1.2813rem + 0.7031vw, 34px) clamp(25px, 0.625rem + 2.3438vw, 55px); position:relative; background:#fff; border-radius:30px; overflow:hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.culture-section .strength-list .num {position:absolute; right:-8px; bottom:-13px; font-size:var(--font-size-100-40); line-height:1; font-weight:bold; color:rgba(0, 0, 0, .07); letter-spacing:-3px}
.culture-section .strength-list .icn {flex:1 0 62px; max-width:62px;}
.culture-section .strength-list .text-box {flex:1 0 auto; width:1%; padding-left:clamp(20px, 0.1563rem + 2.7344vw, 55px);}
.culture-section .strength-list .title {font-size:var(--font-size-20-16); font-weight:600; color:#242424;}
.culture-section .strength-list .dec {padding-top:clamp(10px, 0.4375rem + 0.4688vw, 16px);} 
.culture-section .strength-list.reverse {margin-right:0; margin-left:clamp(25px, -0.7813rem + 5.8594vw, 100px);}
.culture-section .strength-list.reverse .flxWrap {flex-direction:row-reverse;}
.culture-section .strength-list.reverse .text-box {padding-left:0; padding-right:clamp(20px, 0.1563rem + 2.7344vw, 55px); text-align:right;}
.culture-section .strength-list.reverse .num {right:initial; left:-8px;}


/*MD출신팀*/
.merchandiser-section.cul1 {padding:clamp(50px, 1.5625rem + 3.9063vw, 100px) 0;}
.merchandiser-section .team-title {text-align:center;}
.merchandiser-section .team-title h1 {font-size:var(--font-size-40-22); line-height:var(--line-height-sm); color:#000000; font-weight:bold;} 
.merchandiser-section .team-title .sub {padding-top:clamp(0.75rem, 0.8438rem + 0.7031vw, 1.25rem);}
.merchandiser-section .team-title .sub2 {padding-top:clamp(1.125rem, 0.8438rem + 0.7031vw, 1.6875rem); font-size:20px;}
.merchandiser-section .item-box2 {max-width:1025px; width:100%; margin:clamp(30px, 0.9375rem + 2.3438vw, 60px) auto 0; overflow:hidden;}
.merchandiser-section .cul-item2 {display:flex; margin-right:-30px; margin-left:-30px;}
.merchandiser-section .cul-list2 {flex:1 0 25%; max-width:25%; padding:0 32px; position:relative;}
.merchandiser-section .cul-list2::after {position:absolute; content:''; right:-15px; top:50%; width:33px; height:6px; background:url(../images/sub/dot-2.png) no-repeat;}
.merchandiser-section .cul-list2:last-child:after {display:none;}
.merchandiser-section .cul-list2 .inner {display:flex; align-items:center; justify-content:center; flex-direction:column; width:200px; height:200px; border:1px solid var(--color-1); border-radius:50%;}
.merchandiser-section .cul-list2 .icn {height:59px;}
.merchandiser-section .cul-list2 .title {padding-top:clamp(10px, 0.375rem + 0.625vw, 18px);; font-size:var(--font-size-20-16); font-weight:600; color:#242424; line-height:0.5;}
.merchandiser-section .cul-list2 .title:lang(en) {padding-top:clamp(12px, 0.3438rem + 1.0156vw, 25px); font-size:var(--font-size-24-18); text-transform:uppercase;}
.merchandiser-section .cul-list2 .eng {display:block; padding-top:clamp(5px, 0.2188rem + 0.2344vw, 8px); font-family:'Play'; color:var(--color-1); font-weight:bold; font-size:var(--font-size-15); text-transform:uppercase; letter-spacing:1px; line-height:1.1; }
.merchandiser-section .cul-list2 .dec {padding-top:clamp(2px, 0.1563rem + 0.3906vw, 10px); text-align:center;}
.merchandiser-section .cul-list2 .dec:lang(en) {line-height:1.3;}


.merchandiser-section .mer-item {display:flex; flex-wrap: wrap; margin-right:0px; margin-left:0px;justify-content: space-between;gap: 20px; padding-top:30px; }
.merchandiser-section .mer-box {max-width:1200px; width:100%; margin:clamp(30px, 0.9375rem + 2.3438vw, 60px) auto 0; overflow:hidden;}
.merchandiser-section .mer-list {display: flex;flex-wrap: wrap; flex: 1 1 calc(50% - 10px);    max-width:50%; padding:0px 0px; position:relative;}
.merchandiser-section .mer-list .inner {display:flex; align-items:left; justify-content:center; flex-direction:column; width:97%; border:1px solid var(--color-1); border-radius:5px; padding:20px;}
.merchandiser-section .mer-list .title {padding-top:clamp(10px, 0.375rem + 0.625vw, 18px);; font-size:var(--font-size-20-16); font-weight:600; color:#fff; line-height:0.5;  break-word; border-bottom:1px solid var(--color-1); border-top:1px solid var(--color-1);padding:12px 10px; text-align:left; background-color:var(--color-1);}
.merchandiser-section .mer-text {display:flex; margin-right:-0px; margin-left:0px;}
.merchandiser-section .mer-list .dec {padding-top:clamp(2px, 0.1563rem + 0.3906vw, 10px); text-align:left;line-height:1.7;}
.merchandiser-section .num {font-size:var(--font-size-70-30); font-weight:100; color:var(--color-1); line-height:1.1;}

.merchandiser-section.cul2 {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px); background:url(../images/sub/cul-bg.jpg) no-repeat; background-size:cover;}
.merchandiser-section .strength-item {margin-top:clamp(30px, 0.9375rem + 2.3438vw, 60px);}
.merchandiser-section .strength-list {margin-top:clamp(20px, 0.625rem + 1.5625vw, 40px); margin-right:clamp(25px, -0.7813rem + 5.8594vw, 100px);}
.merchandiser-section .strength-list:first-child {margin-top:0;}
.merchandiser-section .strength-list .flxWrap {align-items:center;}
.merchandiser-section .strength-list .inner {padding:clamp(25px, 1.2813rem + 0.7031vw, 34px) clamp(25px, 0.625rem + 2.3438vw, 55px); position:relative; background:#fff; border-radius:30px; overflow:hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.merchandiser-section .strength-list .num {position:absolute; right:-8px; bottom:-13px; font-size:var(--font-size-100-40); line-height:1; font-weight:bold; color:rgba(0, 0, 0, .07); letter-spacing:-3px}
.merchandiser-section .strength-list .icn {flex:1 0 62px; max-width:62px;}
.merchandiser-section .strength-list .text-box {flex:1 0 auto; width:1%; padding-left:clamp(20px, 0.1563rem + 2.7344vw, 55px);}
.merchandiser-section .strength-list .title {font-size:var(--font-size-20-16); font-weight:600; color:#242424;}
.merchandiser-section .strength-list .dec {padding-top:clamp(10px, 0.4375rem + 0.4688vw, 16px);} 
.merchandiser-section .strength-list.reverse {margin-right:0; margin-left:clamp(25px, -0.7813rem + 5.8594vw, 100px);}
.merchandiser-section .strength-list.reverse .flxWrap {flex-direction:row-reverse;}
.merchandiser-section .strength-list.reverse .text-box {padding-left:0; padding-right:clamp(20px, 0.1563rem + 2.7344vw, 55px); text-align:right;}
.merchandiser-section .strength-list.reverse .num {right:initial; left:-8px;}






/* 사업영역 */
.count-bg {padding:clamp(35px, 1.0938rem + 2.7344vw, 70px) 0; background:#f2f7fa; overflow:hidden;}
.count-item {display:flex; flex-wrap:wrap; margin:0 -15px;}
.count-list {flex:1 0 33.33%; max-width:33.33%; padding:0 15px;}
.count-list .inner {padding:95px 20px; background:#fff; border-radius:250px; text-align:center;}
.count-list .icn {height:60px;}
.count-list .title {display:block; padding-top:16px; font-size:var(--font-size-20-16); font-weight:600; color:#242424; line-height:1.2;}
.count-list .flxWrap {margin-top:clamp(20px, 0.3125rem + 2.3438vw, 50px); align-items:center; justify-content:center;}
.count-list .flxWrap span {font-size:var(--font-size-60-28); font-family:'Play'; font-weight:bold; color:#000; line-height:1.2;}
.count-list .dec {padding-top:clamp(15px, 0.4688rem + 1.1719vw, 30px); color:#242424;}
.logo-area {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.logo-box {margin-top:clamp(35px, 1.4063rem + 1.9531vw, 60px);}
.logo-box:first-child {margin-top:0;}
.logo-box .logo-title {padding-left:30px; font-size:var(--font-size-24-18); font-weight:600; color:#242424; background:url(../images/sub/logo-bg.png) no-repeat left center;}
.logo-box .logo-item {display:flex; flex-wrap:wrap; padding-top:clamp(20px, 0.875rem + 0.9375vw, 32px); margin:-5px -6px;}
.logo-box .logo-list {flex:1 0 16.66%; max-width:16.66%; padding:5px 6px;}
.logo-box .inner {display:flex; align-items:center; justify-content:center; padding:14px; border:1px solid #ddd; height:80px; border-radius:8px;}

.accord-item {border-bottom:1px solid #242424;}
.accord-list {border-top:1px solid #242424;}
.accord-list .link {display:block; padding:clamp(20px, 0.625rem + 1.5625vw, 40px); padding-right:70px; color:#242424; background:url(../images/sub/down.png) no-repeat center right 40px; line-height:1.3;}
.accord-list .link .title {font-size:var(--font-size-28-20); font-weight:bold; }
.accord-list .link .text {padding-top:clamp(5px, 0.0938rem + 0.5469vw,12px);}
.accord-list .link.active {background:#f7fafc url(../images/sub/up.png) no-repeat center right 40px;}
.accord-list .content {margin:clamp(10px, -0.625rem + 3.125vw, 50px) 0; text-align:center;}
.accord-list .img {position: relative; padding-bottom:55%; overflow:hidden;} /*파트너스 뷰페이지 수정 padding-bottom:41.66%*/
.accord-list .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;}
.accord-list .link-box {text-align:right; margin-bottom:20px;}
.accord-list .acc-link {display:inline-flex; align-items:center; justify-content:center; padding:0 20px; font-size:clamp(14px, 0.7813rem + 0.2344vw, 17px); font-weight:bold; color:#fff; background:var(--color-1); border-radius:30px; height:clamp(30px, 1.5625rem + 0.7813vw, 40px);}

/* 사업소개 */
.intrtop-area {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px); max-width:1920px; width:100%; margin:0 auto;}
.intrtop-area .text-title {font-size:var(--font-size-40-22); line-height:var(--line-height-sm); color:#000000; font-weight:bold;}
.intrtop-area .top-text {padding-bottom:clamp(25px, 0.7813rem + 1.9531vw, 50px); max-width:1160px; width:100%; margin-right:auto; position:relative; border-bottom-right-radius:30px; background: #fff; z-index:4;}
.intrtop-area .top-text .inner {padding-left:var(--container-space); padding-right:var(--container-space); max-width:840px; width:100%; margin-left:auto;}
.intrtop-area .dec-box {padding-top:clamp(15px, 0.5625rem + 0.9375vw, 27px);}
.intrtop-area .dec-box .dec {padding-top: clamp(15px, 0.7188rem + 0.5469vw, 22px); line-height:1.7;}
.intrtop-area .dec-box .dec:first-child {padding-top:0;}
.intrtop-area .top-img {position:relative; padding-right:75px; margin-top:-10.5%; z-index:1; max-width:1635px; width:100%;}
.intrtop-area .top-img::after {position:absolute; content:''; right:0; top:-80px; width:163px; height:201px; background:url(../images/sub/int-logo.png) no-repeat;}
.intrtop-area .top-img.num-3 {margin-top:-6.5%;}

.process-area {position:relative; margin-top:-130px; padding:clamp(130px, 5rem + 7.8125vw, 230px) 0 clamp(50px, 1.5625rem + 3.9063vw, 100px); border-bottom-left-radius:30px; z-index:-3;}
.process-area::after {position:absolute; content:''; right:0; top:0; width:91%; height:100%; background:#f2f7fa; z-index:-1; border-bottom-left-radius:30px;} 
.process-area .pro-title {margin-bottom:clamp(10px, 0.375rem + 0.625vw, 18px); font-size:var(--font-size-32-20); font-weight:600; color:#242424;}
.process-area .process-item {display:flex; flex-wrap:wrap; margin:0 -20px;}
.process-area .process-list {flex:1 0 25%; max-width:25%; padding:0 20px;}
.process-area .process-list .inner {position:relative; padding:40px 25px 40px 30px; height:330px; border-radius:30px; background:#fff;}
.process-area .process-list .inner::after {position:absolute; content:''; left:90px; top:22%; width:245px; height:2px; background:url(../images/sub/dashed.png) no-repeat; z-index:1;}
.process-area .process-list:last-child .inner::after {display:none;}
.process-area .process-list .step {display:flex; align-items:center; justify-content:center; position:relative;; border-radius:50%; width:clamp(55px, 3.1563rem + 0.7031vw, 64px); height:clamp(55px, 3.1563rem + 0.7031vw, 64px); font-family:'Play'; font-weight:bold; color:#fff; font-size:var(--font-size-15); z-index: 2;}
.process-area .process-list:nth-child(odd) .step {background:var(--color-1);}
.process-area .process-list:nth-child(even) .step {background:var(--color-2);}
.process-area .process-list .tit {padding-top:clamp(15px, 0.7188rem + 0.5469vw, 22px); font-size:var(--font-size-20-16); font-weight:600; color:#454545;}
.process-area .process-list .tit:lang(en) {display:flex; align-items:center; font-size:var(--font-size-18-15); line-height:1.3; height:68px;}
.process-area .process-list .dec {padding-top:clamp(18px, 0.8438rem + 0.7031vw, 27px); line-height:1.7;}
.process-area .process-list .dec:lang(en) {font-size:var(--font-size-14); line-height:1.3;}


.boardlist-area {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.boardlist-item {border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden;} 
.boardlist {padding:clamp(25px, 0.7188rem + 2.1094vw, 52px) 0; border-top:1px dashed #ddd;}
.boardlist:first-child {border-top:0;}
.boardlist .title-box {flex:1 0 clamp(200px, 9.375rem + 7.8125vw, 300px); max-width:clamp(200px, 9.375rem + 7.8125vw, 300px);}
.boardlist .title {padding-left:30px; font-size:var(--font-size-24-18); font-weight:600; color:#242424; background:url(../images/sub/logo-bg.png) no-repeat left center;}
.boardlist .text {flex:1 0 auto; width:1%; color:#242424; line-height:1.7;}
.boardlist .text-point {padding-bottom:clamp(10px, 0.3125rem + 0.7813vw, 20px); font-weight:600; }

.adver-area {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.adver-area .flxWrap {margin-right:-45px; margin-left:-45px;}
.adver-area .adver-item {flex:1 0 50%; max-width:50%; padding:0 45px;}
.adver-area .adver-item.num-2 {margin-top:clamp(50px, -0.4688rem + 8.9844vw, 165px);}
.adver-area .adver-list {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.adver-area .adver-list:first-child {padding-top:0;}
.adver-area .text-box {padding-top:clamp(15px, 0.5rem + 1.0938vw, 29px); padding-left:clamp(10px, 0.3125rem + 0.7813vw, 20px);}
.adver-area .text-box .ad-tit {font-size:var(--font-size-32-20); font-weight:600; color:#242424;}
.adver-area .text-box .dec {padding-top:clamp(10px, 0.3125rem + 0.7813vw, 20px); font-size:var(--font-size-18-15);}



/* Captain FBA  */
.process-area2 {position:relative; margin-top:-130px; padding:clamp(130px, 5rem + 7.8125vw, 230px) 0 clamp(50px, 1.5625rem + 3.9063vw, 100px); border-bottom-left-radius:30px; z-index:-3;}
.process-area2::after {position:absolute; content:''; right:0; top:0; width:91%; height:100%; background:#f2f7fa; z-index:-1; border-bottom-left-radius:30px;} 
.process-area2 .pro-title {margin-bottom:clamp(10px, 0.375rem + 0.625vw, 18px); font-size:var(--font-size-32-20); font-weight:600; color:#242424;}
.process-area2 .process-item2 {display:flex; flex-wrap:wrap; margin:0 -20px;}
.process-area2 .process-list2 {flex:1 0 25%; max-width:25%; padding:0 20px;}
.process-area2 .process-list2 .inner {position:relative; padding:40px 25px 40px 30px; height:330px; border-radius:30px; background:#fff;}
.process-area2 .process-list2 .inner::after {position:absolute; content:''; left:90px; top:22%; width:245px; height:2px; background:url(../images/sub/dashed.png) no-repeat; z-index:1;}
.process-area2 .process-list2:nth-child(4) .inner::after {display: none !important;}
.process-area2 .process-list2:last-child .inner::after {display:none;}
.process-area2 .process-list2 .step {display:flex; align-items:center; justify-content:center; position:relative;; border-radius:50%; width:clamp(55px, 3.1563rem + 0.7031vw, 64px); height:clamp(55px, 3.1563rem + 0.7031vw, 64px); font-family:'Play'; font-weight:bold; color:#fff; font-size:var(--font-size-15); z-index: 2;}
.process-area2 .process-list2:nth-child(odd) .step {background:var(--color-1);}
.process-area2 .process-list2:nth-child(even) .step {background:var(--color-2);}
.process-area2 .process-list2 .tit {padding-top:clamp(15px, 0.7188rem + 0.5469vw, 22px); font-size:var(--font-size-20-16); font-weight:600; color:#454545;}
.process-area2 .process-list2 .tit:lang(en) {display:flex; align-items:center; font-size:var(--font-size-18-15); line-height:1.3; height:68px;}
.process-area2 .process-list2 .dec {padding-top:clamp(18px, 0.8438rem + 0.7031vw, 27px); line-height:1.7;}
.process-area2 .process-list2 .dec:lang(en) {font-size:var(--font-size-14); line-height:1.3;}

.blue-button-area { text-align:center; padding:30px 5px;}
.blue-button {display: inline-block; padding:10px 30px; background-color: #1c88c7;color: white; font-weight: bold;text-decoration: none;border-radius: 50px;font-size: 16px;}
.blue-button:hover { background-color: #1674a7;}


.boardlist2-area {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.boardlist2-item {border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden;} 
.boardlist2 {padding:clamp(25px, 0.7188rem + 2.1094vw, 52px) 0; border-top:1px dashed #ddd;}
.boardlist2:first-child {border-top:0;}
.boardlist2 .title-box2 {flex:1 0 clamp(390px, 9.375rem + 7.8125vw, 450px); max-width:clamp(390px, 9.375rem + 7.8125vw, 450px);}
.boardlist2 .title-box2 .title-flex { display: flex; align-items: top; gap: 8px;}
.boardlist2 .title-box2 img { display: inline-block; vertical-align: top; margin-top:8px;}

.boardlist2 .title { font-size:var(--font-size-24-18); font-weight:600; color:#242424; /*background:url(../images/sub/logo-bg.png) no-repeat left center;*/}
.boardlist2 .text {flex:1 0 auto; width:1%; color:#242424; line-height:1.7; padding-left:10px;}
.boardlist2 .text-point {padding-bottom:clamp(10px, 0.3125rem + 0.7813vw, 20px); font-weight:600; }



.adver-area2 {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.adver-area2 .flxWrap {margin-right:-45px; margin-left:-45px;}
.adver-area2 .adver-item {flex:1 0 50%; max-width:50%; padding:0 45px;}
.adver-area2 .adver-item.num-2 {margin-top:clamp(50px, -0.4688rem + 8.9844vw, 165px);}
.adver-area2 .adver-list {padding-top:clamp(50px, 1.5625rem + 3.9063vw, 100px);}
.adver-area2 .adver-list:first-child {padding-top:0;}
.adver-area2 .text-box {padding-top:clamp(15px, 0.5rem + 1.0938vw, 29px); padding-left:clamp(10px, 0.3125rem + 0.7813vw, 20px);}
.adver-area2 .text-box .ad-tit {font-size:var(--font-size-32-20); font-weight:600; color:#242424;}
.adver-area2 .text-box .dec {padding-top:clamp(10px, 0.3125rem + 0.7813vw, 20px); font-size:var(--font-size-18-15);}






.basic-table-area {margin-bottom:clamp(10px, 0.375rem + 0.625vw, 18px); font-size:var(--font-size-32-20); font-weight:600; color:#242424;} 
.basic-table { border-collapse: separate; border-spacing: 0; }
.basic-table {width:100%; border-collapse:collapse; table-layout:fixed; color:#333;} 
.basic-table thead {background-color:#f5f5f5;} 
.basic-table th, .basic-table td {padding:12px 10px;  break-word; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;} 
.basic-table th {font-weight:600; color:#222; font-size:14px; background-color:#fafafa;} 
.basic-table td {white-space:normal; font-size:13px;} 
.basic-table .last-row td { height: 0;  line-height: 0; padding: 0; border-bottom: 1px solid #222;}
.basic-table tr th:first-child { border-left: none; }
.basic-table-text{ padding:12px 10px; white-space:normal; font-size:13px;}
.basic-table-text_b{  font-size:13px; color:#2287bc;font-weight:600;}



@media screen and (max-width:640px) {.basic-table {font-size:14px; display:block; overflow-x:auto; white-space:nowrap;}}