@charset "UTF-8";

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

body {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-size: 15px; color: #515151;}


/*common*/
.fs-13 {font-size:13px; line-height:20px}
.fs-14 {font-size:14px !important; line-height:21px}
.fs-15 {font-size:15px !important; line-height:22px}
.fs-17 {font-size:17px !important;}
.fs-28 {font-size:28px !important; line-height: 42px;}
.fs-40 {font-size:40px !important;}
.fs-45 {font-size:45px !important;}
.fs-50 {font-size:50px !important;}

.nav-top {padding-right: 220px;}




/* text property */
.word-break {word-break: keep-all;}



/* footer */
footer {color: #6f6f6f;}
.footer-logo {max-height: fit-content;}
footer li a.youtube {font-size: 30px; margin-right: 30px;}



/*main*/
.swiper-slide.cover-background h1 {word-break: keep-all;}





/*nav*/
header nav .navbar-nav.text-normal > li > a {font-size: 14px;}
nav.navbar.navbar-default ul.nav > li > a {padding: 26px 30px;}

.simple-dropdown .dropdown-menu > li > a {font-size: 13px;}
.simple-dropdown .dropdown-menu > li.dropdown > ul li a {font-size: 13px;}

/* 솔루션 */
.fs-title-01 {font-size: 21px;}

.page-title-large h1 {line-height: 58px; font-size: 51px;}

.alt-font {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.alt-font.solution-title span {display: block; font-size: 32px; line-height: 70px; font-weight: 500;}
.alt-font.btn-play {font-weight: 500; line-height: 50px;}
.alt-font.text-deep-pink {font-size: 16px; font-weight: 400;}
.alt-font.text-point {font-size: 42px; line-height: 58px; letter-spacing: 0.4px;}

section {padding: 90px 0;}
.portfolio-view-top {padding-top: 130px; padding-bottom: 50px;}
.portfolio-view-cont {padding-top: 60px;}

.last-paragraph-no-margin p:last-of-type {word-break: keep-all;}

.down-section.btn-inquiry {bottom: 170px;}
.down-section.btn-inquiry a {font-size: 16px;}



.feature-box-content .text-very-light-gray {font-weight: 300;}

.online {border-right: 1px solid #757575;}



/*포트폴리오*/
.nav-tabs .nav-link {border: none;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: transparent;}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: none;}
.portfolio-filter-tab-1 li a {border: none;}
.portfolio-filter-tab-1 .nav-item .nav-link.active {color: #ff214f; border-bottom: 1px solid #ff214f;}




/*문의*/
.ch5-inquiry input, .ch5-inquiry select, .ch5-inquiry textarea {color:#eeeeee;}
.ch5-inquiry select option {color: #000;}
.ch5-inquiry input::placeholder {color: #eeeeee}
.ch5-inquiry textarea {padding: 35px 5px;}
.ch5-inquiry textarea::placeholder {color: #eeeeee}
.ch5-inquiry textarea::-webkit-input-placeholder {color:  !important;}












@media (max-width: 575.98px) {

    section {padding: 60px 0;}

    .text-medium {font-size: 14px;}
    .text-large {font-size: 15px;}
    .alt-font.solution-title span {font-size:16px; }
    .alt-font.text-point {font-size: 24px; line-height: 42px;}
    .page-title-large h1 {font-size: 25px; line-height: 29px;}

    .fs-title-01 {font-size: 19px;}

    .down-section.btn-inquiry {bottom: 19px;}

    h5.alt-font.text-extra-dark-gray.font-weight-600.mb-0.line-height-50 {font-size: 17px;}
    .line-height-50 {line-height: 33px;}
    h4.line-height-60 {line-height: 41px; font-size: 21px;}

    .feature-content p {font-size: 14px;}

    .portfolio-filter-tab-1 li {width: 50%;}
    


}




@media (max-width: 767.98px) { 

    .page-title-large h1 {42px}
    .alt-font.solution-title span {font-size: 27px;}

 }




@media (max-width: 991.98px) { 

    .navbar-nav > li.dropdown > .fas {top: 16px;}

 }




@media (max-width: 1199.98px) { 

}



// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { 

 }