/*=========================================================== 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 ===========================================================*/
:root {
    --font-size : 14px;
    --font-family : 'Pretendard';
    --font-weight : 400;
    --font-color : #111111;
    --main-text-color : #000000;
    --cont-margin : 200px;
    --m-cont-margin : 100px;
    --cont-tit-margin : 50px;
    --max-width : 1400px;
    --padding : 0 20px;
    --mobile-common-padding : 0 20px;
    --page-intro-padding : 90px 0;
}
/*=========================================================== 2.1. 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.2. default-layout ===========================================================*/
html,body{width:100%;height:100%;font-size:var(--font-size);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:var(--font-family);font-weight:var(--font-weight);}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{}
body{position:relative;color:var(--font-color);/*overflow-y: scroll;overflow-x:hidden;*/}
table{border-collapse:collapse}
img,fieldset{border:0}
img{vertical-align:top; /* image-rendering:-webkit-optimize-contrast; */ }
ul,ol,li{list-style:none;padding: 0;margin: 0;}
em,address{font-style:normal;}
input[type="button"],input[type="reset"],input[type="submit"],button,label{cursor:pointer;}
a{color:inherit;text-decoration:none;}
a:hover, a:visited, a:link, a:active {color:var(--font-color); text-decoration: none;}

.body-wrap {width:100%;}
.container {max-width: var(--max-width); width: 100%; margin:0 auto; float:none; padding:0px;}
.cont-container {max-width: var(--max-width); margin:0 auto; float:none; padding:0px;}
.footer-container {width: 100%; margin:0 auto; float:none; padding:0px;}
@media (max-width: 1399.98px) {.container {padding: var(--padding); width:100%;} .cont-container {padding: var(--padding); width:100%;}}
@media (max-width: 1199.98px) {.container {padding: var(--padding); width:100%;} .cont-container {padding: var(--padding); width:100%;}}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

.row {margin-right:0px; margin-left:0px;}
/* mobile 환경에서 div 요소 숨김 class */
@media (max-width: 575.98px) {.div-space {display: none;} .col-xs-hidden {display:none;}}
@media (max-width: 767.98px) {.div-space {display: block;} .col-xs-hidden {display:none;}}
@media (min-width: 768px) {.col-xs-hidden {display:block;}}
/*=========================================================== 2.4. default-tag-style ===========================================================*/
    .bold {font-weight: bold;}
    .eng-font {font-family: 'Minion Pro';}
    .noto-font {font-family: 'NotoSerifKR';}
    .Vollkorn {font-family: 'Vollkorn','pretendard';}
/* 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;}}