@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}

.bg-color-1 {background:#f9f9f9;}

.content-padding {padding:clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px) 0;}
.content-margin {margin-bottom:clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}

/* 회사소개 */
.company .top-video {margin-bottom:clamp(40px, calc(60 / var(--inner) * 100vw ),60px);}
.company .cnt {display:flex;}
.company .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-top:clamp(0px, calc(35 / var(--inner) * 100vw ),35px); padding-right:10px; background:url('/images/sub/bg-img1.jpg') no-repeat center bottom;}
.company .txt-wrap .tit {margin-bottom:0.71em; font-size:clamp(20px, calc(28 / var(--inner) * 100vw ),28px); font-weight:500; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.company .txt-wrap .tit span {font-size:0.71em; letter-spacing:0.1em;}
.company .txt-wrap .tit strong {font-size:1.14em;}
.company .txt-wrap .txt {margin-bottom:1.5em; line-height:1.6; letter-spacing:-0.03em; color:#666;}
.company .txt-wrap .tx:last-child {margin-bottom:0;}

/* cs */
.cs-info {position:relative;}
.cs-info:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:url('/images/sub/cs-bg.jpg') no-repeat 50% 50%/cover;}
.cs-info .tit-wrap {margin-bottom:clamp(40px, calc( 55 / var(--inner) * 100vw ), 55px); text-align:center; color:#fff;}
.cs-info .tit-wrap .tit {font-size:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight:500; line-height:1.4; letter-spacing:-0.03em;}
.cs-info .tit-wrap .tit span {display:block; font-size:0.64em; letter-spacing:0.1em;}
.cs-info .wrap {display:flex; margin:calc(0px - var(--size20));}
.cs-info .box {width:33.333%; padding:var(--size20); text-align:center;}
.cs-info .in {height:100%; padding:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 10px; background:rgba(255,255,255,0.15);}
.cs-info .in h4 {position:relative; padding-bottom:1.5em; margin-bottom:1.25em; font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; line-height:1.2; letter-spacing:0.1em; color:#fff;}
.cs-info .in h4:before {content:''; position:absolute; left:50%; bottom:0; margin-left:calc(0px - var(--size40)/2); width:var(--size40); height:1px; background:#fff;}
.cs-info .in p {font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#fff;}
.cs-info .main-more-btn {margin-top:var(--size60); text-align:center;}
.cs-info .main-more-btn a {color:#fff;}

.sub-contact .tit-wrap {position:relative; padding-bottom:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); margin-bottom:15px; text-align:center;}
.sub-contact .tit-wrap:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-0.5px; width:1px; height:calc(clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) - var(--size20)); background:#8d7c68;}
.sub-contact .tit-wrap .en-tit {margin-bottom:0.7em; font-weight:500; line-height:1; letter-spacing:0.1em; color:#8d7c68;}
.sub-contact .tit-wrap h2 {position:relative; font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.sub-contact .info {max-width:700px; margin:0 auto; text-align:center;}
.sub-contact .info .items {display:flex; justify-content:space-between; margin:0 -10px;}
.sub-contact .info .item {padding:0 10px; letter-spacing:-0.03em; color:#242424; line-height:1.2;}
.sub-contact .time-info {margin:15px 0 var(--size80); padding:10px; background:#f3f2f0; border-radius:2px; letter-spacing:-0.03em; color:#242424; line-height:1.2;}
.sub-contact .main-more-btn a {min-width:200px; text-align:left;}

/* 프로세스 */
.process {position:relative;}
.process:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#fbfaf9;}
.process .tit-wrap {margin-bottom:clamp(40px, calc( 55 / var(--inner) * 100vw ), 55px); text-align:center; color:#242424;}
.process .tit-wrap .tit {font-size:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight:500; line-height:1.4; letter-spacing:-0.03em;}
.process .tit-wrap .tit span {display:block; font-size:0.64em; letter-spacing:0.1em; color:#8d7c68;}

.process .wrap {display:flex; margin:0 calc(0px - var(--size20));}
.process .box {width:33.33%; padding:0 var(--size20); text-align:center;}
.process .box .img {margin-bottom:var(--size40);}
.process .box .num {position:relative; padding-bottom:1.13em; margin-bottom:1.13em; font-weight:500; line-height:1.2; letter-spacing:0.1em; color:#8d7c68;}
.process .box .num:before {content:''; position:absolute; left:50%; bottom:0; margin-left:calc(0px - var(--size40)/2); width:var(--size40); height:1px; background:#8d7c68;}
.process .box .tit {margin-bottom:0.5em; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.process .box .txt {font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}