@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

@font-face {
	font-family: 'Objectivity';
	src: url('..00_assets/fonts/webfonts_Objectivity-Regular/Objectivity-Regular.ttf.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


* {
	font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic', Malgun Gothic !important;
}


body {
	background: #efefef;
	font-size: 14px;
	line-height: 1.5rem;
	color: #444;
}

main {background: #fff; max-width: 1280px; margin: 0 auto;/* padding-bottom: 70px;*/}

.centerCon {width: 100%; max-width: 1280px; margin: 0 auto; padding: 10px;}
.centerCon2 {width: 100%; max-width: 1130px; margin: 0 auto; padding: 10px;}

.h1Div {padding: 20px 0 30px; text-align: center;}

.text-Objectivity {font-family: 'Objectivity', Arial, sans-serif;}
.btn-lg {padding-top: 15px; padding-bottom: 15px;}

.bg-grey-100 {background: #f9f9f9;}

.fa-lg {font-size: 1.3rem;}


.small {font-size:85% !important;}
.big {font-size:115% !important;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}

.w100 {width:100%;}
.mw100 {max-width:100%;}

.clearL {clear:left;}
.clearR {clear:right;}

.flL {float:left;}
.flR {float:right;}

.table-fixed {table-layout: fixed;}


ul {padding:0 0 0 20px;}
ol {padding:0 0 0 20px;}

.active th {vertical-align: middle!important;}
.active td {vertical-align: middle!important;}

.table-fixed {table-layout: fixed;}

  .g-lg-10,
  .gx-lg-10 {
    --bs-gutter-x: 5rem;
  }
  .g-lg-10,
  .gy-lg-10 {
    --bs-gutter-y: 5rem;
  }



/****** margin *********/

.m-0 {margin: 0;}
.m-3 {margin: 3px!important;}
.m-5 {margin: 5px!important;}
.m-10 {margin: 10px!important;}
.m-15 {margin: 15px!important;}
.m-20 {margin: 20px!important;}
.m-30 {margin: 30px!important;}

.mt-0 {margin-top: 0px!important;}
.mt-3 {margin-top: 3px!important;}
.mt-5 {margin-top: 5px!important;}
.mt-10 {margin-top: 10px!important;}
.mt-15 {margin-top: 15px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px!important;}

.mb-0 {margin-bottom: 0px!important;}
.mb-3 {margin-bottom: 3px!important;}
.mb-5 {margin-bottom: 5px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mb-15 {margin-bottom: 15px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-30 {margin-bottom: 30px!important;}

.ml-0 {margin-left: 0px!important;}
.ml-3 {margin-left: 3px!important;}
.ml-5 {margin-left: 5px!important;}
.ml-10 {margin-left: 10px!important;}
.ml-15 {margin-left: 15px!important;}
.ml-20 {margin-left: 20px!important;}
.ml-30 {margin-left: 30px!important;}

.mr-0 { margin-right: 0px!important;}
.mr-3 {margin-right: 3px!important;}
.mr-5 {margin-right: 5px!important;}
.mr-10 {margin-right: 10px!important;}
.mr-15 {margin-right: 15px!important;}
.mr-20 {margin-right: 20px!important;}
.mr-30 {margin-right: 30px!important;}


/****** padding *********/

.p-0 {padding: 0px!important;}
.p-3 {padding: 3px!important;}
.p-5 {padding: 5px!important;}
.p-10 {padding: 10px!important;}
.p-15 {padding: 15px!important;}
.p-20 {padding: 20px!important;}
.p-30 {padding: 30px!important;}

.pt-0 {padding-top: 0px!important;}
.pt-3 {padding-top: 3px!important;}
.pt-5 {padding-top: 5px!important;}
.pt-10 {padding-top: 10px!important;}
.pt-15 {padding-top: 15px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-30 {padding-top: 30px!important;}

.pb-0 {padding-bottom: 0px!important;}
.pb-3 {padding-bottom: 3px!important;}
.pb-5 {padding-bottom: 5px!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-15 {padding-bottom: 15px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-30 {padding-bottom: 30px!important;}

.pl-0 {padding-left: 0px!important;}
.pl-3 {padding-left: 3px!important;}
.pl-5 {padding-left: 5px!important;}
.pl-10 {padding-left: 10px!important;}
.pl-15 {padding-left: 15px!important;}
.pl-20 {padding-left: 20px!important;}
.pl-30 {padding-left: 30px!important;}

.pr-0 {padding-right: 0px!important;}
.pr-3 {padding-right: 3px!important;}
.pr-5 {padding-right: 5px!important;}
.pr-10 {padding-right: 10px!important;}
.pr-15 {padding-right: 15px!important;}
.pr-20 {padding-right: 20px!important;}
.pr-30 {padding-right: 30px!important;}


/* border */

.no-border {border: 0!important;}
.no-border-top {border-top: 0!important;}
.no-border-bottom {border-bottom: 0!important;}
.no-border-left {border-left: 0!important;}
.no-border-right {border-right: 0!important;}



.border-lg {border-width: 2px;}
.border-top-lg {border-top: 2px solid;}
.border-bottom-lg {border-bottom: 2px solid;}
.border-left-lg {border-left: 2px solid;}
.border-right-lg {border-right: 2px solid;}

.border-xlg {border-width: 3px;}
.border-top-xlg {border-top: 3px solid;}
.border-bottom-xlg {border-bottom: 3px solid;}
.border-left-xlg {border-left: 3px solid;}
.border-right-xlg {border-right: 3px solid;}


.border-dashed {border: 1px dashed;}
.border-top-dashed {border-top: 1px dashed;}
.border-bottom-dashed {border-bottom: 1px dashed;}
.border-left-dashed {border-left: 1px dashed;}
.border-right-dashed {border-right: 1px dashed;}

.border-dotted {border: 1px dotted;}
.border-top-dotted {border-top: 1px dotted;}
.border-bottom-dotted {border-bottom: 1px dotted;}
.border-left-dotted {border-left: 1px dotted;}
.border-right-dotted {border-right: 1px dotted;}

.no-border-radius {border-radius: 0;}



/****************/

/*PC*/

@media (min-width: 768px) {
  .mo {display:none !important;}
	.plmc {text-align: left;}
	.plmr {text-align: left;}
	.prmc {text-align: right;}
	.prml {text-align: right;}
	.ppr-0 {padding-right: 0px;}
	.ppl-0 {padding-left: 0px;}
	.ppr-3 {padding-right: 3px;}
	.ppl-3 {padding-left: 3px;}
	
	h1 {font-size: 2.1rem; margin: 0; padding: 0 0 15px 0; color: var(--main-color); line-height: 2.3rem;}
	h2 {font-size: 1.8rem; margin: 0; padding: 0 0 15px 0; line-height: 2rem;}
	h3 {font-size: 1.5rem; margin: 0; padding: 0 0 10px 0;}
	h4 {font-size: 1.3rem; margin: 0; padding: 0 0 10px 0;}
	h5 {font-size: 1.1rem; margin: 0; padding: 0 0 10px 0;}
	
	.pw10 {width: 10%;}
	.pw20 {width: 20%;}
	.pw30 {width: 30%;}
	.pw40 {width: 40%;}
	.pw50 {width: 50%;}
	.pw60 {width: 60%;}
	.pw70 {width: 70%;}
	.pw80 {width: 80%;}
	.pw90 {width: 90%;}
	.pw100 {width: 100%;}
	
	.frontPBspace {padding:70px 0;}
	
	.ppt-5 {padding-top: 5px;}
	.ppt-10 {padding-top: 10px;}
	.ppt-15 {padding-top: 15px;}
	.ppt-20 {padding-top: 20px;}
	.ppt-25 {padding-top: 25px;}
	.ppt-30 {padding-top: 30px;}
	.ppt-35 {padding-top: 35px;}
	.ppt-40 {padding-top: 40px;}
}

/*Mobile*/
@media (max-width: 768px) {
  .mx {display:none !important;}
	.plmc {text-align: center;}
	.plmr {text-align: right;}
	.prmc {text-align: center;}
	.prml {text-align: left;}
	
	h1 {font-size: 1.7rem; margin: 0; padding: 0 0 15px 0; color: var(--main-color); line-height: 1.7rem;}
	h2 {font-size: 1.6rem; margin: 0; padding: 0 0 15px 0; line-height: 1.6rem;}
	h3 {font-size: 1.4rem; margin: 0; padding: 0 0 10px 0;}
	h4 {font-size: 1.2rem; margin: 0; padding: 0 0 10px 0;}
	h5 {font-size: 1.1rem; margin: 0; padding: 0 0 10px 0;}

	.mw10 {width: 10%;}	
	.mw20 {width: 20%;}	
	.mw30 {width: 30%;}	
	.mw40 {width: 40%;}
	.mw50 {width: 50%;}
	.mw60 {width: 60%;}
	.mw70 {width: 70%;}
	.mw80 {width: 80%;}
	.mw90 {width: 90%;}
	.mw100 {width: 100%;}
	
	.frontPBspace {padding:30px 20px;}
	
	.mSmall {font-size: 85%;}
}