@font-face {
     font-family: 'KoPubDotumMedium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/KoPubDotumMedium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }
/*
 #wpfront-scroll-top-container {
     display: none;
     position: fixed;
     cursor: pointer;
     z-index: 9999
 }*/

 * {
     margin: 0;
     padding: 0;
 }

 /*
        @import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubbatang.css);
        @import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css);
*/
 body {
     font-family: 'KoPubDotumMedium';
 }

 a {
     text-decoration: none;
     color: #000;
 }

 ul {
     list-style: none;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 /**네비영역_시작**/

 header .horizontal_menu {
     clear: both;
/*                 padding: 6px 20px;*/
     padding: 5px 20px 0;
     background-color: #fff;
     border: 1px solid #fff;
     text-align: justify;
     margin: 8px 0;
     overflow-y: hidden;
     /**새로추가함***/
/*     position: relative;*/
/*     margin-top: 58px;*/
     transition: top 0.2s ease-in-out;
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 10;
     /*******/
     overflow-x: scroll;
     /* 1 */
     -webkit-overflow-scrolling: touch;
     /* 2 */
 }

 header .horizontal_menu ul {
     text-align: justify;
     text-align-last: justify;
     height: 31.5px;
     text-align: justify;
     width:26em;
     /* 3 
     width: 30em;
     /* 4 */
 }

 .horizontal_menu ul:after {
     /* 5 */
     content: '';
     display: inline-block;
     width: 100%;
 }

 header .horizontal_menu ul li {
     /* 6 */
     display: inline-block;
 }

 header .horizontal_menu ul li.nav_on a {
     position: relative;
     color: #000;
     font-weight: bold;
 }

 header .horizontal_menu ul li.nav_on a:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -1px;
     width: 100%;
     height: 2px;
     background-color: #fff;
 }

 header .horizontal_menu ul li a {
     display: block;
     height: 32px;
     color: #000;
     font-size: 14px;
     line-height: 32px;
 }

 header .horizontal_menu ul li:last-child a {
     margin-right: 60px;
 }
 
 header .nav-up {
    top: -50px;
}

 /**메인 콘텐츠 시작**/
 main{
    margin-top: 55px;
 }

 main .ss_contents a.ss_con_wrap {
     display: block;
     cursor: pointer;
 }

 /**ss_inner 시작**/
 main .ss_contents a.ss_con_wrap .ss_inner {
     text-align: center;
     background-position: center;
     background-size: cover;
     min-height: 265px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     margin: 8px 0;
     position: relative;
	  /* 2019-03-27 추가 시작 */
	 background-color: #f5f5f5
	 /* 2019-03-27 추가 끝 */
 }

  /* 2019-03-27 추가 시작 */
 main .ss_contents a.ss_con_wrap .ss_inner .ss_txt_con {
     z-index: 2;
	 position: absolute;
 }
 main .ss_contents a.ss_con_wrap .ss_inner .ss_img_con {
     position: relative;
 }
 main .ss_contents a.ss_con_wrap .ss_inner .ss_img_con img {
     z-index: 1;
 }
 main .ss_contents a.ss_con_wrap .ss_inner .ss_img_con p {
     z-index: 2;
 }
 /* 2019-03-27 추가 끝 */

 main .ss_contents a.ss_con_wrap .ss_inner .ss_txt_con h1 {
     font-size: 1.2em;
 }

 main .ss_contents a.ss_con_wrap .ss_inner .ss_txt_con p {
     font-size: 0.8em;
     margin-top: 5px;
 }

 main .ss_contents a.ss_con_wrap .ss_inner p:first-child {
     font-size: 0.625em;
     position: absolute;
     top: 17px;
     left: 18px;
 }

 .pageTop {
     position: fixed;
     bottom: 25px;
     right: 25px;
     -webkit-transition: margin-bottom 0.3s ease-out, opacity 0.3s ease-out;
     transition: margin-bottom 0.3s ease-out, opacity 0.3s ease-out;
     display: block;
 }

 button {
     cursor: pointer;
     width: auto;
     overflow: visible;
     vertical-align: middle;
     background: none;
     margin: 0;
     padding: 0;
     border: 0;
     background: transparent;
     border: none;
     box-sizing: border-box;
 }