/*=========================================================== 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 {
    --max-width : 1800px;
    --padding : 0 20px;
    --page-intro-padding : 90px 0;
}
/*=========================================================== 2.1. default-layout ===========================================================*/
html, body {margin: 0px; padding: 0px; overflow-x: hidden;}
html {height:auto !important; overflow-y: scroll;}
.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;}
@media (max-width: 1799.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;}
body {overflow-x:hidden; font-family: 'Pretendard','Noto Sans KR'; background-color: rgba(255,255,255,0); margin:0px; overflow-y: scroll;}
/* 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.2. default-tag-style ===========================================================*/
* {color:#111;}
a {color:#111;}
a:hover, a:visited, a:link, a:active {color:#111; text-decoration: none;}
ol, ul {padding: 0; margin: 0;}
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;}}