/*--------------------------------------------------
    01. General Styles 
---------------------------------------------------*/

html {
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}
body {
  background: #fff;
  font-size: 14px;
  font-family: 'Noto Sans KR', 'Nanum Gothic', '³ª´®°íµñ', 'DotummHelvetica', 'µ¸¿ò', 'Apple SD Gothic Neo', 'Lato', sans-serif;
  color: #767676;
}
a {
  color: #3f78be;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover,
a:focus,
a:active {
  color: #4481a9;
  text-decoration: none;
  outline: 0;
}

section {
  width: 100%;
  display: block;
}
.vertical-section {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vertical-content {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.popMain4 .btn-top {
 width:200px;
}
h3 {
font-size:19px;
font-weight:bold;
}
.btn-yg {
  background-color: #e1e1e1;
  padding: 10px 18px;
  border: 1px solid #989898;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #343434;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 #c2d4e0;
  -webkit-box-shadow: inset 0 0 0 0 #c2d4e0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:150px;
  margin-left:10px;
  margin-top:10px;
}
.btn-yg:hover,
.btn-yg:focus,
.btn-yg:active,
.btn-yg .active {
  border-color: #c2d4e0;
  color: #fff;
  box-shadow: inset 0 100px 0 0 #c2d4e0;
  -webkit-box-shadow: inset 0 100px 0 0 #c2d4e0;
}

.btn-yg-on {
  background-color: #e1e1e1;
  padding: 10px 18px;
  border: 1px solid #989898;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #279481;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 #c2d4e0;
  -webkit-box-shadow: inset 0 0 0 0 #c2d4e0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:200px;
  margin-left:10px;
  font-weight:400;
}
.btn-yg-on:hover,
.btn-yg-on:focus,
.btn-yg-on:active,
.btn-yg-on .active {
  border-color: #c2d4e0;
  color: #0f635b;
  box-shadow: inset 0 100px 0 0 #c2d4e0;
  -webkit-box-shadow: inset 0 100px 0 0 #c2d4e0;
}
.yg h3 {
 color : #4481a9;
 font-weight:400;
}

.showimage0 { text-align:center;}
.pop {
background-color:#fff;}
.btn-pop {
  background-color: #e0d0c2;
  padding: 10px 18px;
  border: 1px solid #d1ae8f;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #343434;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 #d1ae8f;
  -webkit-box-shadow: inset 0 0 0 0 #d1ae8f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:150px;
  margin-left:10px;
  margin-top:10px;
}
.btn-pop:hover,
.btn-pop:focus,
.btn-pop:active,
.btn-pop .active {
  border-color: #d1ae8f;
  color: #fff;
  box-shadow: inset 0 100px 0 0 #d1ae8f;
  -webkit-box-shadow: inset 0 100px 0 0 #d1ae8f;
}

.btn-pop-on {
  background-color: #d1ae8f;
  padding: 10px 18px;
  border: 1px solid #989898;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #279481;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 #e0d0c2;
  -webkit-box-shadow: inset 0 0 0 0 #e0d0c2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:200px;
  margin-left:10px;
  font-weight:400;
}
.btn-pop-on:hover,
.btn-pop-on:focus,
.btn-pop-on:active,
.btn-pop-on .active {
  border-color: #e0d0c2;
  color: #0f635b;
  box-shadow: inset 0 100px 0 0 #e0d0c2;
  -webkit-box-shadow: inset 0 100px 0 0 #e0d0c2;
}
.showimage0 h3 {
 font-family : "¸¼Àº °íµñ";
 color : #d76331;
 font-weight:600;
}