/*=========================================================== 1. IOS DEFAULT CSS ===========================================================*/
input,button,select,textarea
{outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input:active,input:focus,button:active,button:focus,select:active,select:focus,textarea:active,textarea:focus
{outline: none !important; box-shadow: none !important;}

/*=========================================================== 2. COMMON ===========================================================*/
/*=========================================================== 2.1. font-import ===========================================================*/
/* urbanist, noto sans kr, roboto, pretendard-regular, pretendard-thin, pretendard-light,Raleway */
    @import url('https://fonts.googleapis.com/css?family=Urbanist:100,200,300,400,500,700,900|Noto+Sans+KR:100,300,400,500,700,900&subset=korean|Roboto:400,300,100,500,700');
    @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Pretendard 1.1.1 (https://github.com/orioncactus/pretendard) */
    @font-face {
        font-family: 'Pretendard';
        font-weight: 900;
        font-display: swap;
        src: local('Pretendard Black'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Black.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 800;
        font-display: swap;
        src: local('Pretendard ExtraBold'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 700;
        font-display: swap;
        src: local('Pretendard Bold'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Bold.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 600;
        font-display: swap;
        src: local('Pretendard SemiBold'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-SemiBold.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 500;
        font-display: swap;
        src: local('Pretendard Medium'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Medium.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 400;
        font-display: swap;
        src: local('Pretendard Regular'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Regular.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 300;
        font-display: swap;
        src: local('Pretendard Light'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Light.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 200;
        font-display: swap;
        src: local('Pretendard ExtraLight'), url('..//fonts/pretendard/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff');
    }

    @font-face {
        font-family: 'Pretendard';
        font-weight: 100;
        font-display: swap;
        src: local('Pretendard Thin'), url('/assets/fonts/pretendard/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Thin.subset.woff') format('woff');
    }

    /* NeueHassDisplayFont import */
    @font-face {
        font-family: 'NeueHaasDisplay';
        font-weight: 900;
        font-display: swap;
        src: local('NeueHaasDisplay Black'), url('../fonts/NeueHaasDisplay/NeueHaasDisplayBlack.woff') format('woff');
    }

    @font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: url(https://example.com/MaterialIcons-Regular.eot); 

        /* For IE6-8 */
        src: local('Material Icons'),local('MaterialIcons-Regular'),url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'),url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');}
/*=========================================================== 2.2. Web-icons-import ===========================================================*/
    /* google icons */
        .material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;
            /* Preferred icon size */display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;
            /* Support for all WebKit browsers. */-webkit-font-smoothing: antialiased;
            /* Support for Safari and Chrome. */text-rendering: optimizeLegibility;
            /* Support for Firefox. */-moz-osx-font-smoothing: grayscale;
            /* Support for IE. */font-feature-settings: 'liga';}        
        .material-symbols-outlined {font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48}

/*=========================================================== 2.3. default-layout ===========================================================*/
    html, body {margin: 0px; padding: 0px; overflow-x: hidden;}
    html {height:auto !important; overflow-y: scroll;}
    textarea {resize: none;}
    .body-wrap {width:100%;}
    .container::before,
    .container::after {content: none;}
    .container {max-width:1400px; margin:0 auto; float:none; padding:0px; width: 100%;}
    @media (max-width: 1400px) {.container {padding-right:20px;padding-left:20px;width:100%;}}
    .cont-container {max-width:1400px; margin:0 auto; float:none; padding:0px; width: 100%;}
    @media (max-width: 576px) {.cont-container {padding-right:20px;padding-left:20px;width:100%;}}
    @media (min-width: 576px) {.cont-container {padding-right:20px;padding-left:20px;width:100%;}}
    @media (min-width: 1400px) {.cont-container {padding-right:0px;padding-left:0px;width:100%;}}
    .row {margin-right:0px; margin-left:0px;}
    body {overflow-x:hidden; font-family: 'Pretendard','Noto Sans KR'; background-color: rgba(255,255,255,0); margin:0px;width: 100%;}
    /* mobile 환경에서 div 요소 숨김 class */
        @media (max-width: 576px) {.div-space {display: none;} .col-xs-hidden {display:none;}}
        @media (min-width: 576px) {.div-space {display: block;} .col-xs-hidden {display:none;}}
        @media (min-width: 768px) {.col-xs-hidden {display:block;}}
    
/*=========================================================== 2.4. default-tag-style ===========================================================*/
    * {color:#111;}
    a {color:#111;}
    a:hover, a:visited, a:link, a:active {color:#111; text-decoration: none;}
    li {padding-left:0px; list-style-type: none;}  
    .bold {font-weight: bold;}
    .eng-font {font-family: 'Roboto';}
/* float class 설정 */
    .float-right {float:right;}
/* text-align 설정 */
    .text-center {text-align: center;}.text-right {text-align: right;}.text-left {text-align: left;}
/* font-size */
    .font-size-160 {font-size: 160px;}
    .font-size-120 {font-size: 120px;} .font-size-100 {font-size: 100px;} .font-size-80 {font-size: 80px;} 
    .font-size-70 {font-size: 70px;} .font-size-60 {font-size: 60px;} .font-size-50 {font-size: 50px;} .font-size-40 {font-size: 40px;}
    .font-size-34 {font-size: 34px;} .font-size-30 {font-size: 30px;} .font-size-28 {font-size: 28px;} .font-size-24 {font-size: 24px;}
    .font-size-20 {font-size: 20px;} .font-size-18 {font-size: 18px;} .font-size-16 {font-size: 16px;} .font-size-14 {font-size: 14px;}
/* padding class 설정 */
    .pt-10 {padding-top:10px !important;} .pb-10 {padding-bottom:10px !important;}
    .pt-20 {padding-top:20px !important;} .pb-20 {padding-bottom:20px !important;}
    .pt-30 {padding-top:30px !important;} .pb-30 {padding-bottom:30px !important;}
    .pt-50 {padding-top:50px !important;} .pb-50 {padding-bottom:50px !important;}
    .pt-100 {padding-top:100px !important;} .pb-100 {padding-bottom:100px !important;} 
    .pt-130 {padding-top:130px !important;} .pb-130 {padding-bottom:130px !important;} 
    .pt-150 {padding-top:150px !important;} .pb-150 {padding-bottom:150px !important;} 
    .pt-200 {padding-top:200px !important;} .pb-200 {padding-bottom:200px !important;}
/* margin class 설정 */
    .mt-10 {margin-top:10px !important;} .mb-10 {margin-bottom:10px !important;}
    .mt-20 {margin-top:20px !important;} .mb-20 {margin-bottom:20px !important;}
    .mt-30 {margin-top:30px !important;} .mb-30 {margin-bottom:30px !important;}
    .mt-50 {margin-top:50px !important;} .mb-50 {margin-bottom:50px !important;}
    .mt-100 {margin-top:100px !important;} .mb-100 {margin-bottom:100px !important;}
    .mt-200 {margin-top:200px !important;} .mb-200 {margin-bottom:200px !important;}
/* 반응형에 따른 br 설정 */
    .mobile-br {display:none;}.pc-br {display:block;}
    @media (max-width: 575px) {.mobile-br {display:block;}.pc-br {display:none;}}
    @media (min-width: 576px) {.mobile-br {display:none;}.pc-br {display:none;}}
    @media (min-width: 768px) {.mobile-br {display:none;}.pc-br {display:none;}}
    @media (min-width: 992px) {.mobile-br {display:none;}.pc-br {display:block;}}    
/* 반응형에 따른 ver 설정 */
    .mobile-ver {display:none;}.pc-ver {display:block;}
    @media (max-width: 575px) {.mobile-ver {display:block;} .pc-ver {display:none;}}
    @media (min-width: 576px) {.mobile-ver {display:block;} .pc-ver {display:none;}}
    @media (min-width: 768px) {.mobile-ver {display:none;} .pc-ver {display:block;}}
    @media (min-width: 992px) {.mobile-ver {display:none;} .pc-ver {display:block;}}    
/* 각 페이지의 title + subtitle 폰트 설정 */
    /* .page-title {font-size: 60px;font-family: 'urbanist';font-weight: bold;}
    .page-subtitle {font-size:24px;} */
/* 각 페이지 내 section설정 */
    /* section title, subtitle font 설정 */
        .section-title {font-size:50px; font-weight: 700;} .section-subtitle {font-size:20px;}
    /* section 내 콘텐츠의 margin, padding 설정 */        
        .in-section-contents-box {padding:0; margin:0;}
        .in-section-title {font-size:24px; font-weight:700;}
        .in-section-text {font-size:18px; font-weight:300;}
    /* slide title text 설정 + 반응형 설정*/
        .slide-title {font-size:60px;}
        @media (max-width: 576px) {.slide-title {font-size: 25px;}}
        @media (min-width: 576px) {.slide-title {font-size: 40px;}}
        @media (min-width: 768px) {.slide-title {font-size: 50px;}}
        @media (min-width: 992px) {.slide-title {font-size: 60px;}}
/* main bg img title text 설정 + 반응형 설정 */
    .bg-img-title {font-size:60px; color:#fff;}
    @media (max-width: 575px) {.bg-img-title {font-size:25px !important; line-height: 30px;}}
    @media (min-width: 576px) {.bg-img-title {font-size:40px; line-height: 40px;}}
    @media (min-width: 768px) {.bg-img-title {font-size:50px; line-height: 55px;}}
    @media (min-width: 992px) {.bg-img-title {font-size:60px; line-height: 70px;}}