/********************************************
* SUB 01
* 회사소개
********************************************/

.fade-text .char { display: inline-block; } 

.sub-about-sec + .sub-about-sec { margin-top: 15rem; } 
.sub-about-sec strong span { font-family: 'Roboto', '' !important; font-size: 5rem; line-height: 0rem; letter-spacing: 1px; } 
.sub-about-txt-wrap { display: flex; justify-content: space-between; gap: 15rem; margin-top: 10rem; } 
.sub-about-txt { width: 50%; } 
.sub-about-sec em { display: block; margin-bottom: 10rem; font-size: 2.6rem; color: #3b3b3b; } 
.sub-about-txt p { font-size: 1.8rem; line-height: 3.2rem; font-weight: 300; } 
.sub-about-txt p + p { margin-top: 4rem; } 
.sub-about-img-wrap { display: flex; gap: 3rem; } 

.sub-bottom-customer { display: flex; gap: 2rem; } 
.sub-bottom-customer-box { width: 50%; } 
.sub-bottom-customer-box a { position: relative; display: block; height: 100%; padding: 5rem; border: 1px solid #000; transition: all .3s; } 
.sub-bottom-customer-box a h3 { margin-bottom: 2rem; font-size: 3rem; transition: all .3s; } 
.sub-bottom-customer-box a p { font-size: 2rem; margin-bottom: 3rem; transition: all .3s; } 
.sub-bottom-customer-box a span { color: #3b3b3b; transition: all .3s; } 
.sub-bottom-customer-box em { position: absolute; right: 5rem; top: 5rem; display: block; font-size: 1.6rem; transition: all .3s; } 
.sub-bottom-customer-box a:hover { background-color: #000; } 
.sub-bottom-customer-box a:hover h3,
.sub-bottom-customer-box a:hover p,
.sub-bottom-customer-box a:hover span,
.sub-bottom-customer-box a:hover em { color: #fff; } 

/********************************************
* SUB 02
* CEO 인사말
********************************************/
.sub-ceo-wrap { display: flex; gap: 5rem; padding: 10rem 0; } 
.sub-ceo-tit-wrap { width: 20%; } 
.sub-ceo-txt-wrap { width: 40%; } 
.sub-ceo-tit-wrap strong { display: block; font-size: 3rem; margin-bottom: 1rem; } 
.sub-ceo-txt-wrap02 {width: 100%; padding-bottom: 10rem;}
.sub-ceo-txt-wrap02 p {text-align: center; font-size: 2.4rem; font-weight: 600; font-family: 'Nanum Myeongjo' !important;}
.sub-ceo-txt-wrap02 p:nth-last-child(1) {padding-top: 2rem; font-size: 2rem; font-weight: 600;}

.sub-ceo-img-wrap 
{position: relative;}
.sub-ceo-img-wrap img:nth-child(2),.sub-ceo-img-wrap img:last-child 
{position: absolute; border: 1px solid #000;}
.sub-ceo-img-wrap img:nth-child(2) 
{left: 5%; bottom: -5%;}
.sub-ceo-img-wrap img:last-child 
{left: 25%; bottom: -9%;}

/********************************************
* SUB 03
* 갤러리
********************************************/

.sub-gallery-sec { margin: 10rem 0; } 


/********************************************
* SUB 04
* 로케이션
********************************************/

.sub-location-sec { margin-top: 10rem; } 
.sub-location-addr { display: flex; justify-content: space-between; margin-top: 3rem; } 
.sub-location-addr dl { width: calc(100% / 3); padding-left: 13rem; } 
.sub-location-addr dl + dl { border-left: 1px solid #070504; } 
.sub-location-addr dl dt,
.sub-location-addr dl dd { font-family: 'Roboto' !important; } 
.sub-location-addr dl dt { margin-bottom: 1rem; font-size: 3rem; font-weight: 700; letter-spacing: 3px; } 
.sub-location-addr dl dd { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.5px; } 



/********************************************
* SUB 05
* 자주 하는 질문
********************************************/

.sub-faq-sec { margin-top: 10rem; } 
.sub-faq-wrap dt, .sub-faq-wrap dd { font-family: 'pretendard' !important; } 
.sub-faq-wrap dl { padding: 5rem 3rem; } 
.sub-faq-wrap dl dt { margin-bottom: 1rem; font-size: 2rem; font-weight: 700; } 
.sub-faq-wrap dl:nth-child(even) { background-color: #070504; } 
.sub-faq-wrap dl:nth-child(even) dt,
.sub-faq-wrap dl:nth-child(even) dd { color: #fff; } 
.sub-faq-wrap dd { font-size: 1.8rem; font-weight: 300; } 

.sub-faq-sec > p { margin-top: 3rem; } 
.sub-faq-sec > p, .sub-faq-sec > p a { font-size: 2rem; line-height: 3rem; } 
.sub-faq-sec > p a { font-weight: 700; border-bottom: 1px solid #000; transition: all .3s; } 
.sub-faq-sec > p a:hover { opacity: 0.5; color: #000; } 

.sub-faq-wrap dd span { font-size: 1.8rem; color: #007eff; } 


/* 

정책

*/
.sub-privacy-sec { margin-top: 5rem; } 
.fusion-text.fusion-text-1 p:first-child { font-size: 2rem; } 
.fusion-text.fusion-text-1 p,
.fusion-text.fusion-text-2 p { font-size: 1.6rem; line-height: 2.3rem; } 
.fusion-text.fusion-text-1 p + p,
.fusion-text.fusion-text-2 p + p { margin-top: 2rem; } 


@media screen and (max-width: 500px) { /* 정책 */
.fusion-text.fusion-text-1 p:first-child { font-size: 1.6rem; font-weight: 600; } 
}
@media screen and (max-width: 1300px) {
.sub-area {padding: 6rem 0 0;}
.sub-about-sec strong span {line-height: 5rem;}
.sub-about-txt-wrap {gap: 5rem;}
.sub-about-sec+.sub-about-sec {margin-top: 10rem;}
.sub-location-addr {flex-flow: row wrap;}
.sub-location-addr dl {width: 33.3%; padding: 2rem 4rem;}

.sub-ceo-wrap {flex-flow: row wrap; gap: 2rem; padding: 8rem 0;}
.sub-ceo-tit-wrap {width: 100%;}
.sub-ceo-txt-wrap {width: 100%;}
.sub-ceo-img-wrap {display: flex; flex-flow: row wrap;}
.sub-ceo-img-wrap img:nth-child(2), .sub-ceo-img-wrap img:last-child {position: relative; left: 0; top: 0;bottom: auto;width: 50%;}
}
@media screen and (max-width: 1240px) {
.sub-about-txt-wrap {flex-flow: row wrap;}
.sub-about-txt {width: 100%;}
.sub-about-sec em {margin-bottom: 4rem;}
.sub-bottom-customer-box a {padding: 4rem;}
}
@media screen and (max-width: 1024px) {
.sub-about-sec strong span {font-size: 3.2rem; line-height: 3rem;}
.sub-about-txt-wrap {margin-top: 6rem;}
.sub-about-sec em {font-size: 2.4rem; margin-bottom: 2rem;}
.sub-about-txt p {font-size: 1.6rem; line-height: 3rem;}
.sub-about-txt p+p {margin-top: 2rem;}
.sub-about-sec+.sub-about-sec {margin-top: 6rem;}
.sub-about-txt-wrap {gap: 3rem;}
.sub-bottom-customer {flex-flow: row wrap;}
.sub-bottom-customer-box {width: 100%; height: 22rem;}
.sub-bottom-customer-box a h3 {font-size: 2.4rem; margin-bottom: 1rem;}
.sub-bottom-customer-box a p {font-size: 1.6rem; margin-bottom: 2rem;}
.sub-bottom-customer-box em {font-size: 1.7rem; right: 3rem; top: 3rem; margin-bottom: 0;}
.fade-text br:nth-of-type(1), .fade-text br:nth-of-type(4), .fade-text br:nth-of-type(7) {display: none;}

.sub-gallery-sec,.sub-location-sec {margin: 6rem 0;}
.sub-location-addr dl {width: 100%; padding: 2rem 0;}
.sub-location-addr dl+dl {border: 0;}
.sub-location-addr dl dt {font-size: 2.4rem; margin-bottom: 0;}
.sub-location-map iframe {height: 35rem;}

.sub-faq-sec {margin-top: 6rem;}
.sub-faq-wrap dl {padding: 3.5rem 3rem;}

.sub-ceo-tit-wrap strong {font-size: 2.4rem;}
.sub-ceo-txt-wrap02 {padding-bottom: 8rem;}
.sub-ceo-txt-wrap02 p {font-size: 2rem;}
.sub-ceo-txt-wrap02 p:nth-last-child(1) {font-size: 1.6rem;}

.pc-br {display: none;}

}
@media screen and (max-width: 767px) {
.sub-about-sec strong span {font-size: 2.4rem; line-height: 2rem;}
.sub-about-img-wrap {gap: 1rem;}
.sub-bottom-customer-box {height: auto;}
.sub-bottom-customer-box a {padding: 3rem;}
.sub-bottom-customer-box a h3 {font-size: 2rem;}
}
@media screen and (max-width: 650px) {
.sub-about-sec strong span {font-size: 2.1rem; line-height: 1.5rem;}
.sub-bottom-customer-box em {position: relative; top: auto; right: auto; margin-top: 2rem;}
.sub-location-addr {margin-top: 2rem;}
.sub-location-addr dl {padding: 1rem 0;}
.sub-location-addr dl dt {font-size: 1.8rem;}
.sub-location-addr dl dd {font-size: 1.6rem;}

.sub-faq-wrap dl {padding: 2.5rem 2rem;}
.sub-faq-wrap dl dt {font-size: 1.7rem; font-weight: 600;}
.sub-faq-wrap dd,.sub-faq-wrap dd span {font-size: 1.5rem;}
.sub-faq-sec > p, .sub-faq-sec > p a {font-size: 1.7rem;}

.sub-ceo-wrap {padding: 6rem 0;}
.sub-ceo-tit-wrap strong {margin-bottom: 0;}
.sub-ceo-txt-wrap02 {padding-bottom: 6rem;}
.sub-ceo-txt-wrap02 p {font-size: 1.7rem;}
.sub-ceo-txt-wrap02 p:nth-last-child(1) {font-size: 1.4rem; padding-top: 1rem;}


}