/*
공통베이스
/* rem reference
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem
*/

html {
  font-family:"Noto Sans Korean", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body {font-size:16px; font-size: 1rem;
    margin: 0px;
    padding: 0px;
    
}

body {
  background: #ffffff; letter-spacing:-0.07em;
  font-weight:400;
  line-height: 1.6;
  font-family:"Noto Sans Korean", sans-serif;
  color: #21282e;
  
 /*font-size:16px;
  font-size: 1rem;
  font-weight: 400;
	*font-size: 16px;
	line-height: 26px;
	color: #21282e;
	
	font-size:14px;
  font-size: 0.875rem;
	
	
	---*/
  
}


a {color: inherit;
   text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}
a:hover, a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

a.text-primary:hover, a.text-primary:focus { color: #0b3b8a; }
textarea:focus, input:focus, a:focus, a:visited, *:focus { outline: none; }
iframe { border: none; }
iframe {  height: 100%;  width: 100%;}
video {  width: 100%;}

img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; }
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}

p { margin-bottom: 30px;font-size: 13px; font-weight: 400; margin-bottom: 25px;}


p.lead { font-size: 16px; margin-bottom: 25px; }
p.lead.text-lg { font-size: 24px; margin-bottom: 35px; }


strong { font-weight: 500;}

label {font-size:14px; 
  font-weight: 500;
  margin-bottom: 3px;
}
hr {
  margin: 30px 0 30px 0;
  border-color: #ededed;
}
label span{  margin-right:7px;}

hr.blue {border-top: 3px solid #0f4fb9;	margin-top: 10px;margin-bottom:30px;}
@media (max-width: 991px) {
  hr.blue {
    margin-top: 15px;
  }
}


hr.large {
  border-color: #ededed;
  border-top-width: 4px;
  margin-top: 60px;
}
@media (max-width: 991px) {
  hr.large {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  hr.large {
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
hr.large {font-size:12px; font-size: 0.75rem;  

}

}
ul, ol {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}
ul.li strong {
  font-weight: 500;
}

/* Address */
address { margin-bottom: 25px; }

/* Blockquote */
blockquote { background-color: #f6f6f6; padding: 25px; border: none; }
blockquote p { font-size: 24px; font-weight: 100; line-height: 1.2; margin-bottom: 15px; }
blockquote footer { font-size: 12px; text-transform: uppercase;font-family:"Noto Sans Korean", sans-serif; color: rgba(0, 0, 0, 0.4); }

/* Sizes */
.text-xs { font-size: 12px; }
.text-sm { font-size: 12px; }
.text-md { font-size: 14px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 20px;  }
/* Colors */
.text-primary { color: #0f4fb9; }
.text-secondary { color: #1f1f1f; }
.text-blue { color:#0051a1; }

.text-red { color: #e83231; }
.text-red2 { color: #c40614; }
.text-info { color: #2786c9; }
.text-sky { color: #05c0fd; }
.text-green { color: #22b14c; }

.text-yel { color: #ddcb03; }
.text-yel2 { color: #edae05; }
.text-warning { color: #f19354; }
.text-danger { color: #e15757; }
.text-success { color: #8ac04b; }
.text-dark { color: #1f1f1f; }
.text-light { color: #fff; }
.text-grey { color: #9ca2ab; }
.text-grey2 { color: #7a8391; }
.text-muted { color: rgba(0, 0, 0, 0.4); }
.text-muted-2x { color: rgba(0, 0, 0, 0.2); }
.text-muted-3x { color: rgba(0, 0, 0, 0.1); }
.dark .text-muted { color: rgba(255, 255, 255, 0.5); }
.dark .text-muted-2x { color: rgba(255, 255, 255, 0.2); }
.dark .text-muted-3x { color: rgba(255, 255, 255, 0.1); }

.blue-gradient { background: -webkit-linear-gradient(left,#00a4e4, #004dda);}
.red-gradient { background: -webkit-linear-gradient(left,#FF4045, #ff3c85); }
.green-gradient { background: -webkit-linear-gradient(left,#22b14c, #34bfa3); }
.green-gradient2 { background: -webkit-linear-gradient(left,#00a4e4, #5db408);}
.green3-gradient { background: -webkit-linear-gradient(right,#22b14c, #10b85f); }
.pink-gradient { background: -webkit-linear-gradient(left,#fd336f, #fd6c40); }


.small-gutters {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.small-gutters > [class*="col-"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

/* --------------------------------------------------------------------------
/* ---마진 추가
/* ----------------------------------------------------------------------------- */
/* Padding */

/* Section padding */
.section--padding {
  padding-top:30px;
  padding-bottom: 30px;
margin-top:20px;
margin-bottom:20px;

}

.section--bigpadding {
  padding-top:40px;
  padding-bottom: 40px;
  margin-top:30px;
margin-bottom:30px;

}


/* Section padding2 */
 .banner--padding  {
  padding-top:30px;
  padding-bottom: 30px;margin-top:20px;

}

/* Section padding2 */
 .small--padding  {
  padding-top:10px;
  padding-bottom: 10px;

}

/* Section padding2 */
 .s--padding  {
  padding-top:10px;
  padding-bottom: 0px;

}

/* Section padding */
.section--main {
  padding-top:50px;
  padding-bottom: 30px;
}

/* Section padding */
.section--sub {
  padding-top:30px;
  padding-bottom: 40px;
}


/* Section padding2 */
 .news--padding  {
  padding-top:10px;
  padding-bottom:60px;
}


@media (max-width: 767px) {
.section--main {
  padding-top:20px;
  padding-bottom: 20px;
}

.section--sub {
  padding-top:10px;
  padding-bottom: 70px;
}
.section--bigpadding {
  padding-top:20px;
  padding-bottom: 20px;
margin-top:20px;
margin-bottom:20px;

}

.section--padding {
    padding-top:10px;
    padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;

  }
 .banner--padding  {
    padding-top:10px;
    padding-bottom:10px;
  }
.
 {
  padding-top:20px;
  padding-bottom: 20px;
}

 .news--padding  {
  padding-top:10px;
  padding-bottom: 20px;
}

}




/* --------------------------------------------------------------------------
/* --- 2. BASICS
/* ----------------------------------------------------------------------------- */




.relative { position: relative; z-index: 2; }
.block { display: block; }
.dark { color: #fff; }

.mt-0 { margin-top: 0px !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-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mt2-60 { margin-top:-60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-75 { margin-top: 75px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-90 { margin-top: 90px !important; }

.mt-95 { margin-top: 95px !important; }

.mt-100 { margin-top: 100px !important; }

.mt-105 { margin-top: 105px !important; }

.mt-110 { margin-top: 110px !important; }

.mt-115 { margin-top: 115px !important; }

.mt-120 { margin-top: 120px !important; }

.mt-125 { margin-top: 125px !important; }

.mt-130 { margin-top: 130px !important; }

.mt-135 { margin-top: 135px !important; }

.mt-140 { margin-top: 140px !important; }

.mt-145 { margin-top: 145px !important; }

.mt-150 { margin-top: 150px !important; }

.mt-155 { margin-top: 155px !important; }



.mr-0 { margin-right: 0px !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-25 { margin-right: 25px !important; }

.mr-30 { margin-right: 30px !important; }

.mr-35 { margin-right: 35px !important; }

.mr-40 { margin-right: 40px !important; }

.mr-45 { margin-right: 45px !important; }

.mr-50 { margin-right: 50px !important; }

.mr-55 { margin-right: 55px !important; }

.mr-60 { margin-right: 60px !important; }

.mr-65 { margin-right: 65px !important; }

.mr-70 { margin-right: 70px !important; }

.mr-75 { margin-right: 75px !important; }

.mr-80 { margin-right: 80px !important; }

.mr-85 { margin-right: 85px !important; }

.mr-90 { margin-right: 90px !important; }

.mr-95 { margin-right: 95px !important; }

.mr-100 { margin-right: 100px !important; }

.mr-105 { margin-right: 105px !important; }

.mr-110 { margin-right: 110px !important; }

.mr-115 { margin-right: 115px !important; }

.mr-120 { margin-right: 120px !important; }

.mr-125 { margin-right: 125px !important; }

.mr-130 { margin-right: 130px !important; }

.mr-135 { margin-right: 135px !important; }

.mr-140 { margin-right: 140px !important; }

.mr-145 { margin-right: 145px !important; }

.mr-150 { margin-right: 150px !important; }

.mr-155 { margin-right: 155px !important; }



.mb-0 { margin-bottom: 0px !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-25 { margin-bottom: 25px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mb-35 { margin-bottom: 35px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-45 { margin-bottom: 45px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mb-55 { margin-bottom: 55px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mb-65 { margin-bottom: 65px !important; }

.mb-70 { margin-bottom: 70px !important; }

.mb-75 { margin-bottom: 75px !important; }

.mb-80 { margin-bottom: 80px !important; }

.mb-85 { margin-bottom: 85px !important; }

.mb-90 { margin-bottom: 90px !important; }

.mb-95 { margin-bottom: 95px !important; }

.mb-100 { margin-bottom: 100px !important; }

.mb-105 { margin-bottom: 105px !important; }

.mb-110 { margin-bottom: 110px !important; }

.mb-115 { margin-bottom: 115px !important; }

.mb-120 { margin-bottom: 120px !important; }

.mb-125 { margin-bottom: 125px !important; }

.mb-130 { margin-bottom: 130px !important; }

.mb-135 { margin-bottom: 135px !important; }

.mb-140 { margin-bottom: 140px !important; }

.mb-145 { margin-bottom: 145px !important; }

.mb-150 { margin-bottom: 150px !important; }

.mb-155 { margin-bottom: 155px !important; }



.ml-0 { margin-left: 0px !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-25 { margin-left: 25px !important; }

.ml-30 { margin-left: 30px !important; }

.ml-35 { margin-left: 35px !important; }

.ml-40 { margin-left: 40px !important; }

.ml-45 { margin-left: 45px !important; }

.ml-50 { margin-left: 50px !important; }

.ml-55 { margin-left: 55px !important; }

.ml-60 { margin-left: 60px !important; }

.ml-65 { margin-left: 65px !important; }

.ml-70 { margin-left: 70px !important; }

.ml-75 { margin-left: 75px !important; }

.ml-80 { margin-left: 80px !important; }

.ml-85 { margin-left: 85px !important; }

.ml-90 { margin-left: 90px !important; }

.ml-95 { margin-left: 95px !important; }

.ml-100 { margin-left: 100px !important; }

.ml-105 { margin-left: 105px !important; }

.ml-110 { margin-left: 110px !important; }

.ml-115 { margin-left: 115px !important; }

.ml-120 { margin-left: 120px !important; }

.ml-125 { margin-left: 125px !important; }

.ml-130 { margin-left: 130px !important; }

.ml-135 { margin-left: 135px !important; }

.ml-140 { margin-left: 140px !important; }

.ml-145 { margin-left: 145px !important; }

.ml-150 { margin-left: 150px !important; }

.ml-155 { margin-left: 155px !important; }


.m-0 { margin: 0px !important; }

.m-5 { margin: 5px !important; }

.m-10 { margin: 10px !important; }

.m-15 { margin: 15px !important; }

.m-20 { margin: 20px !important; }

.m-25 { margin: 25px !important; }

.m-30 { margin: 30px !important; }

.m-35 { margin: 35px !important; }

.m-40 { margin: 40px !important; }

.m-45 { margin: 45px !important; }

.m-50 { margin: 50px !important; }

.m-55 { margin: 55px !important; }

.m-60 { margin: 60px !important; }

.m-65 { margin: 65px !important; }

.m-70 { margin: 70px !important; }

.m-75 { margin: 75px !important; }

.m-80 { margin: 80px !important; }

.m-85 { margin: 85px !important; }

.m-90 { margin: 90px !important; }

.m-95 { margin: 95px !important; }

.m-100 { margin: 100px !important; }

.m-105 { margin: 105px !important; }

.m-110 { margin: 110px !important; }

.m-115 { margin: 115px !important; }

.m-120 { margin: 120px !important; }

.m-125 { margin: 125px !important; }

.m-130 { margin: 130px !important; }

.m-135 { margin: 135px !important; }

.m-140 { margin: 140px !important; }

.m-145 { margin: 145px !important; }

.m-150 { margin: 150px !important; }

.m-155 { margin: 155px !important; }


.pt-0 { padding-top: 0px !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-25 { padding-top: 25px !important; }

.pt-30 { padding-top: 30px !important; }

.pt-35 { padding-top: 35px !important; }

.pt-40 { padding-top: 40px !important; }

.pt-45 { padding-top: 45px !important; }

.pt-50 { padding-top: 50px !important; }

.pt-55 { padding-top: 55px !important; }

.pt-60 { padding-top: 60px !important; }

.pt-65 { padding-top: 65px !important; }

.pt-70 { padding-top: 70px !important; }

.pt-75 { padding-top: 75px !important; }

.pt-80 { padding-top: 80px !important; }

.pt-85 { padding-top: 85px !important; }

.pt-90 { padding-top: 90px !important; }

.pt-95 { padding-top: 95px !important; }

.pt-100 { padding-top: 100px !important; }

.pt-105 { padding-top: 105px !important; }

.pt-110 { padding-top: 110px !important; }

.pt-115 { padding-top: 115px !important; }

.pt-120 { padding-top: 120px !important; }

.pt-125 { padding-top: 125px !important; }

.pt-130 { padding-top: 130px !important; }

.pt-135 { padding-top: 135px !important; }

.pt-140 { padding-top: 140px !important; }

.pt-145 { padding-top: 145px !important; }

.pt-150 { padding-top: 150px !important; }

.pt-155 { padding-top: 155px !important; }



.pr-0 { padding-right: 0px !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-25 { padding-right: 25px !important; }

.pr-30 { padding-right: 30px !important; }

.pr-35 { padding-right: 35px !important; }

.pr-40 { padding-right: 40px !important; }

.pr-45 { padding-right: 45px !important; }

.pr-50 { padding-right: 50px !important; }

.pr-55 { padding-right: 55px !important; }

.pr-60 { padding-right: 60px !important; }

.pr-65 { padding-right: 65px !important; }

.pr-70 { padding-right: 70px !important; }

.pr-75 { padding-right: 75px !important; }

.pr-80 { padding-right: 80px !important; }

.pr-85 { padding-right: 85px !important; }

.pr-90 { padding-right: 90px !important; }

.pr-95 { padding-right: 95px !important; }

.pr-100 { padding-right: 100px !important; }

.pr-105 { padding-right: 105px !important; }

.pr-110 { padding-right: 110px !important; }

.pr-115 { padding-right: 115px !important; }

.pr-120 { padding-right: 120px !important; }

.pr-125 { padding-right: 125px !important; }

.pr-130 { padding-right: 130px !important; }

.pr-135 { padding-right: 135px !important; }

.pr-140 { padding-right: 140px !important; }

.pr-145 { padding-right: 145px !important; }

.pr-150 { padding-right: 150px !important; }

.pr-155 { padding-right: 155px !important; }



.pb-0 { padding-bottom: 0px !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-25 { padding-bottom: 25px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pb-35 { padding-bottom: 35px !important; }

.pb-40 { padding-bottom: 40px !important; }

.pb-45 { padding-bottom: 45px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pb-55 { padding-bottom: 55px !important; }

.pb-60 { padding-bottom: 60px !important; }

.pb-65 { padding-bottom: 65px !important; }

.pb-70 { padding-bottom: 70px !important; }

.pb-75 { padding-bottom: 75px !important; }

.pb-80 { padding-bottom: 80px !important; }

.pb-85 { padding-bottom: 85px !important; }

.pb-90 { padding-bottom: 90px !important; }

.pb-95 { padding-bottom: 95px !important; }

.pb-100 { padding-bottom: 100px !important; }

.pb-105 { padding-bottom: 105px !important; }

.pb-110 { padding-bottom: 110px !important; }

.pb-115 { padding-bottom: 115px !important; }

.pb-120 { padding-bottom: 120px !important; }

.pb-125 { padding-bottom: 125px !important; }

.pb-130 { padding-bottom: 130px !important; }

.pb-135 { padding-bottom: 135px !important; }

.pb-140 { padding-bottom: 140px !important; }

.pb-145 { padding-bottom: 145px !important; }

.pb-150 { padding-bottom: 150px !important; }

.pb-155 { padding-bottom: 155px !important; }



.pl-0 { padding-left: 0px !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-25 { padding-left: 25px !important; }

.pl-30 { padding-left: 30px !important; }

.pl-35 { padding-left: 35px !important; }

.pl-40 { padding-left: 40px !important; }

.pl-45 { padding-left: 45px !important; }

.pl-50 { padding-left: 50px !important; }

.pl-55 { padding-left: 55px !important; }

.pl-60 { padding-left: 60px !important; }

.pl-65 { padding-left: 65px !important; }

.pl-70 { padding-left: 70px !important; }

.pl-75 { padding-left: 75px !important; }

.pl-80 { padding-left: 80px !important; }

.pl-85 { padding-left: 85px !important; }

.pl-90 { padding-left: 90px !important; }

.pl-95 { padding-left: 95px !important; }

.pl-100 { padding-left: 100px !important; }

.pl-105 { padding-left: 105px !important; }

.pl-110 { padding-left: 110px !important; }

.pl-115 { padding-left: 115px !important; }

.pl-120 { padding-left: 120px !important; }

.pl-125 { padding-left: 125px !important; }

.pl-130 { padding-left: 130px !important; }

.pl-135 { padding-left: 135px !important; }

.pl-140 { padding-left: 140px !important; }

.pl-145 { padding-left: 145px !important; }

.pl-150 { padding-left: 150px !important; }

.pl-155 { padding-left: 155px !important; }


.p-0 { padding: 0px !important; }

.p-5 { padding: 5px !important; }

.p-10 { padding: 10px !important; }

.p-15 { padding: 15px !important; }

.p-20 { padding: 20px !important; }

.p-25 { padding: 25px !important; }

.p-30 { padding: 30px !important; }

.p-35 { padding: 35px !important; }

.p-40 { padding: 40px !important; }

.p-45 { padding: 45px !important; }

.p-50 { padding: 50px !important; }

.p-55 { padding: 55px !important; }

.p-60 { padding: 60px !important; }

.p-65 { padding: 65px !important; }

.p-70 { padding: 70px !important; }

.p-75 { padding: 75px !important; }

.p-80 { padding: 80px !important; }

.p-85 { padding: 85px !important; }

.p-90 { padding: 90px !important; }

.p-95 { padding: 95px !important; }

.p-100 { padding: 100px !important; }

.p-105 { padding: 105px !important; }

.p-110 { padding: 110px !important; }

.p-115 { padding: 115px !important; }

.p-120 { padding: 120px !important; }

.p-125 { padding: 125px !important; }

.p-130 { padding: 130px !important; }

.p-135 { padding: 135px !important; }

.p-140 { padding: 140px !important; }

.p-145 { padding: 145px !important; }

.p-150 { padding: 150px !important; }

.p-155 { padding: 155px !important; }



.pull-up-0 { margin-top: -0px !important; }

.pull-up-5 { margin-top: -5px !important; }

.pull-up-10 { margin-top: -10px !important; }

.pull-up-15 { margin-top: -15px !important; }

.pull-up-20 { margin-top: -20px !important; }

.pull-up-25 { margin-top: -25px !important; }

.pull-up-30 { margin-top: -30px !important; }

.pull-up-35 { margin-top: -35px !important; }

.pull-up-40 { margin-top: -40px !important; }

.pull-up-45 { margin-top: -45px !important; }

.pull-up-50 { margin-top: -50px !important; }

.pull-up-55 { margin-top: -55px !important; }

.pull-up-60 { margin-top: -60px !important; }





.push-down-0 { margin-bottom: -0px !important; }

.push-down-5 { margin-bottom: -5px !important; }

.push-down-10 { margin-bottom: -10px !important; }

.push-down-15 { margin-bottom: -15px !important; }

.push-down-20 { margin-bottom: -20px !important; }

.push-down-25 { margin-bottom: -25px !important; }

.push-down-30 { margin-bottom: -30px !important; }

.push-down-35 { margin-bottom: -35px !important; }

.push-down-40 { margin-bottom: -40px !important; }

.push-down-45 { margin-bottom: -45px !important; }

.push-down-50 { margin-bottom: -50px !important; }

.push-down-55 { margin-bottom: -55px !important; }

.push-down-60 { margin-bottom: -60px !important; }




.h-100 { height: 100px; }

.h-200 { height: 200px; }

.h-300 { height: 300px; }

.h-400 { height: 400px; }

.h-500 { height: 500px; }

.h-600 { height: 600px; }

.h-700 { height: 700px; }

.h-800 { height: 800px; }

.h-900 { height: 900px; }

.h-sm { height: 40vh; }

.h-md { height: 60vh; }

.h-lg { height: 80vh; }

.fullheight { height: 100vh; }

.min-fullheight { min-height: 100vh; }

.huge { height: 150vh; }



.sep-line { position: relative; z-index: 1; display: block; height: 1px; border: none; margin: 0; background: rgba(0, 0, 0, 0.1); }
.sep-line.sep-2 { height: 2px; }
.sep-line.sep-10 { height: 10px; }

.bg-grey .sep-line { background: #fff; }

.sep-alt { position: relative; z-index: 1; display: block; width: 50px; height: 2px; background: rgba(0, 0, 0, 0.1); margin: 0; }

.dark .sep-alt { background: #fff; }

.font-secondary {font-family:"Noto Sans Korean", sans-serif; }

.border { border: 1px solid rgba(0, 0, 0, 0.15); }

.dark .border, .dark.border { border: 1px solid rgba(255, 255, 255, 0.15); }

.border-top { border-top: 1px solid rgba(0, 0, 0, 0.15); }

.dark .border-top, .dark.border-top { border-top: 1px solid rgba(255, 255, 255, 0.15); }

.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.dark .border-bottom, .dark.border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.dark .sep-line { background: rgba(255, 255, 255, 0.2); }

.v-center { position: relative; top: 50%; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-bottom { position: absolute !important; bottom: 0; left: 0; right: 0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.v-center-items { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; }

.animated { visibility: hidden; }

.animated.visible { visibility: visible; }

.animate-hover { -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mobile .hidden-mobile { display: none; }

.shadow { -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2); }

.container { position: relative; }

.container-wide { width: 80%; }

.row.no-padding { margin-left: 0; margin-right: 0; }

.row.no-padding > *[class^='col'], .row.no-padding > *[class*=' col'] { padding-left: 0; padding-right: 0; }

@media only screen and (max-width: 991px) { .v-center-items { display: block; }
  .v-center { top: auto; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .v-bottom { bottom: auto; position: relative !important; }
  .h-sm, .h-md, .h-lg, .fullheight, .huge { height: auto; } }
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }





/* 메인 및 서브 오버 bg 배경색들 */
.shadow {
  position: relative;
  z-index: 1;
}

.shadow.dark::after {
  background: #0163d2 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.dark-hard::after {
  background: #111 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.light::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme::after {
  background: #bb9225 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme-hard::after {
  background: #bb9225 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}





/*-------- 3.4 Spacing --------*/
.add_bottom_10 {
  margin-bottom: 10px;
}

.add_bottom_15 {
  margin-bottom: 15px;
}
.add_bottom_20 {
  margin-bottom: 20px;
}
.add_bottom_30 {
  margin-bottom: 30px;
}

.add_bottom_45 {
  margin-bottom: 45px;
}

.add_bottom_60 {
  margin-bottom: 60px;
}

.add_bottom_75 {
  margin-bottom: 75px;
}

.add_top_10 {
  margin-top: 10px;
}
.sub_top {
  margin-top: 10px;
}



.add_bottom_0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.nomargin_top{ margin-top:0;}





@media (max-width: 767px) {
.sub_top {
  margin-top:0px;margin-bottom:5px;
}

}

.add_top_15 {
  margin-top: 15px;
}

.add_top_20 {
  margin-top: 20px;
}

.add_top_30 {
  margin-top: 30px;
}

.add_top_60 {
  margin-top: 60px;
}

.more_padding_left {
  padding-left: 40px;
}

.nomargin_top {
  margin-top: 0;
}

.nopadding {
  margin: 0 !important;
  padding: 0 !important;
}

.nomargin {
  margin: 0 !important;
}



.margin_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 575px) {
 .margin_10 {
  padding-top: 10px;
  padding-bottom: 10px;
  
  
}

}


.margin_30 {
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (max-width: 575px) {
 .margin_30 {
  padding-top: 10px;
  padding-bottom: 10px;
}
}


.margin_10_30 {
  padding-top: 0px;
  padding-bottom: 30px;
}
@media (max-width: 575px) {
.margin_10_30 {
  padding-top: 10px;
  padding-bottom: 10px;
}
}

.margin_40_0 {
  padding-top: 40px;
  padding-bottom: 0px;
}
@media (max-width: 575px) {
.margin_40_0 {
  padding-top: 20px;
  padding-bottom: 0px;
}
}



.margin_60_0 {
  padding-top: 60px;
  padding-bottom: 0px;
}

.margin_mid_con {
  padding-top: 60px;
  padding-bottom: 0px;
}


@media (max-width: 575px) {
.margin_60_0 {
  padding-top: 30px;
  padding-bottom: 5px;
}




}

.margin_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin_home {
  padding-top: 75px;
  padding-bottom: 75px;
}

@media (max-width: 767px) {
  .margin_60 {
    padding-top: 10px;
    padding-bottom: 30px;
  }
.margin_60_0 {
  padding-top: 30px;
  padding-bottom: 5px;
}
.margin_mid_con {/*------top:-10px;-----*/
 padding-top:0px;
  padding-bottom:5px;
}

.margin_home {
  padding-top: 10px;
    padding-bottom: 30px;
}

}


.margin_60_35 {
  padding-top: 60px;
  padding-bottom: 35px;
}
@media (max-width: 575px) {
  .margin_60_35 {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .hidden_tablet {
    display: none !important;
  }
  
 
}

@media (max-width: 767px) {
  .hidden_mobile {
    display: none !important;
  }
}