body,div,span,table,th,tr,td,dl,dt,dd,ul,li {font-size:12px;line-height:1.5;font-family:'굴림','돋움',dotum,sans-serif;color:#333;}
div,span,ul,li,dl,dt,dd, {padding:0;margin:0;}
p {word-break:break-all;}
li{list-style:none;}
img {border:0;}
img,embed,object,video,canvas {max-width: 100%;}

             
a {color:#262626;text-decoration:none}
a:hover {color:#4559e9;text-decoration:underline}
a:active {background-color:transparent}

input.text {color:#666666; font-size:9pt; background-color:#ffffff; border:1 #DFDFDF solid}
select.text {color:#666666; font-size:9pt; background-color:#ffffff; border:1 #DFDFDF solid}
textarea.text {color:#666666; font-size:9pt; background-color:#ffffff; border:1 #DFDFDF solid}
div {box-sizing: border-box;}


* {
  box-sizing: border-box;
}
/* Nanum Gothic  */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NanumGothic/NanumGothic-Regular.eot');
  src: url('/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic/NanumGothic-Regular.woff') format('woff'),
       url('/fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/NanumGothic/NanumGothic-Bold.eot');
  src: url('/fonts/NanumGothic/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/NanumGothic/NanumGothic-ExtraBold.eot');
  src: url('/fonts/NanumGothic/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('/fonts/NanumGothic/NanumGothic-ExtraBold.woff') format('woff'),
       url('/fonts/NanumGothic/NanumGothic-ExtraBold.ttf') format('truetype');
}
/* Nanum Gothic */
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicUltraLight.eot');
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicUltraLight.woff2') format('woff2'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicUltraLight.woff') format('woff'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicUltraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicLight.eot');
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicLight.woff2') format('woff2'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicLight.woff') format('woff'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicLight.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NanumBarunGothic/NanumBarunGothic.eot');
  src: url('/fonts/NanumBarunGothic/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothic/NanumBarunGothic.woff') format('woff'),
       url('/fonts/NanumBarunGothic/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicBold.eot');
  src: url('/fonts/NanumBarunGothic/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicBold.woff2') format('woff2'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicBold.woff') format('woff'),
       url('/fonts/NanumBarunGothic/NanumBarunGothicBold.ttf') format('truetype');
}
/* Noto Sans KR */
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src:url('/fonts/NotoSansKR/NotoSansKR-Thin-Hestia.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-Thin-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-Thin-Hestia.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Thin-Hestia.woff') format('woff');
	
 }

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url('/fonts/NotoSansKR/NotoSansKR-Light-Hestia.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-Light-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-Light-Hestia.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Light-Hestia.woff') format('woff');
}
@font-face{	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;	
	src:url('/fonts/NotoSansKR/NotoSansKR-Regular-Hestia.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-Regular-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-Regular-Hestia.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Regular-Hestia.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;	
	src:url('/fonts/NotoSansKR/NotoSansKR-Medium-Hestia.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-Medium-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-Medium-Hesti.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Medium-Hestia.woff') format('woff');
	}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;	
	src:url('/fonts/NotoSansKR/fonts/NotoSansKR-Bold-Hestia.eot');
	src:url('/fonts/NotoSansKR/fonts/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/fonts/NotoSansKR-Bold-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/fonts/NotoSansKR-Bold-Hestia.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Bold-Hestia.woff') format('woff');
	
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src:url('/fonts/NotoSansKR/NotoSansKR-Black-Hestia.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-Black-Hestia.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-Black-Hestia.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-Black-Hestia.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-Black-Hestia.woff') format('woff');
}


@font-face{
	font-family:'NotoSansKR-DemiLight-Hesti';	
	src:url('/fonts/NotoSansKR/NotoSansKR-DemiLight-Hesti.eot');
	src:url('/fonts/NotoSansKR/NotoSansKR-DemiLight-Hesti.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NotoSansKR/NotoSansKR-DemiLight-Hesti.woff') format('woff'),
	url('/fonts/NotoSansKR/NotoSansKR-DemiLight-Hesti.ttf') format('truetype');
	src:local(※), url('/fonts/NotoSansKR/NotoSansKR-DemiLight-Hesti.woff') format('woff');
}

/* Nanum Gothic */
@font-face {
  font-family: 'SDMiSaeng';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/SDMiSaeng/SDMiSaeng.eot');
  src: url('/fonts/SDMiSaeng/SDMiSaeng.eot?#iefix') format('embedded-opentype'),
       url('/fonts/SDMiSaeng/SDMiSaeng.woff2') format('woff2'),
       url('/fonts/SDMiSaeng/SDMiSaeng.woff') format('woff'),
       url('/fonts/SDMiSaeng/SDMiSaeng.ttf') format('truetype');
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 0px;
}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;} 
.col-13 {width: 40%;margin-right:30px;} 
.col-14 {width: 55%;} 
.col-15 {width: 48%;margin-right:30px;}
.col-16 {width: 48%;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}

/* 폰트 리스트 */
h1 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}/*본문 제목*/
h2 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}/*본문 부제목*/
h1 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}/*첨부파일설명*/
h2 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}
h3 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}
h4 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}
h5 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}/* 글쓴이*/
h6 {font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","굴림",Gulim,Sans-Serif;}/*본문 글내용*/



/* 메일화면 그리드 시작*/
.header {
    grid-area: hd;
}

.contents {
    grid-area: main;
}

.footer {
    grid-area: ft;
	text-align:center;
}

.leftfit {
    grid-area: lefit;
}

.rightfit {
    grid-area: rifit;
}

.wrapper {
    display: grid;
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas: 
      "hd"
	  "main"
	  "lefit"
      "rifit"
	   "ft";
	 
}

.header {
	grid-column:1 / span 7;
	grid-row: 1 / span 1;
}

.header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:1;
}

.headlogo {
	padding:10px;
	text-align:center;

}

.headsearch {
	padding:10px;
	max-width:1550px;
	margin:0 auto;

}

.searchgrid {
	display:grid;
	grid-template-columns:1 / 4 ;
	grid-template-rows : 1 / 2 ;

}

.mobnavi {
	grid-column: 1 / 2;
	grid-row : 1 / 2 ;

}

.topsearch {
	grid-column: 2 / 3;
	grid-row : 1 / 2 ;

}

.tologin {
	grid-column: 3 / 4;
	grid-row : 1 / 2 ;
	text-align:right;
	padding:10px 0 0 0;


}


@media (min-width: 320px) {
    .wrapper {
        grid-template-columns: 5px 1fr 5px;
        grid-template-areas: 
           "hd      hd     hd"
		  "lefit   main   rifit"
          "ft      ft     ft";
    }
}
@media (min-width: 768px) {
    .wrapper {
		grid-template-columns: 5px 1fr 5px;
		grid-template-areas: 
           "hd      hd     hd"
		  "lefit   main   rifit"
          "ft      ft     ft";
	}
}

@media (min-width: 992px) {
	.wrapper {
		grid-template-columns: 1fr 992px 1fr;
		grid-template-areas: 
          "hd      hd     hd"
		  "lefit   main   rifit"
          "ft      ft     ft";
    }
}

@media (min-width: 1200px) {
	.wrapper {
		grid-template-columns: 1fr 1200px 1fr;
		grid-template-areas: 
          "hd      hd     hd"
		  "lefit   main   rifit"
          "ft      ft     ft";
    }
}

@media (min-width: 1440px) {
	.wrapper {
		grid-template-columns: 1fr 1550px 1fr;
		grid-template-areas: 
          "hd      hd     hd"
		  "lefit   main   rifit"
          "ft      ft     ft";
    }

	.searchgrid {
		grid-template-columns: 1fr 80% 1fr;
		  
    }
}


/* 섹션 그리드 시작*/

.secheader {
    grid-area: shd;
}

.seccontents {
    grid-area: smain;
}

.secfooter {
    grid-area: sft;
	text-align:center;
}

.seclfit {
    grid-area: slfit;
}

.secrfit {
    grid-area: srfit;
}

.secwrapper {
    display: grid;
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas: 
      "shd"
	  "smain"
	  "slfit"
      "srfit"
	   "sft";
	 
}
.secheader {
	grid-column:1 / span 7;
	grid-row: 1 / span 1;
}

.secheader {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:1;
}

.sheadlogo {
	padding:10px;
	text-align:center;

}

.sheadsearch {
	padding:10px;
	max-width:1550px;
	margin:0 auto;

}



@media (min-width: 320px) {
    .secwrapper {
        grid-template-columns: 5px  1fr 5px;
        grid-template-areas: 
         "shd	  shd   shd"
          "slfit smain srfit"
		  "sft    sft   sft";
    }
}

@media (min-width: 768px) {
    .secwrapper {
        grid-template-columns: 5px  1fr 5px;
        grid-template-areas: 
          "shd	  shd   shd"
          "slfit smain srfit"
		  "sft    sft   sft";
    }
}
@media (min-width: 992px) {
	
.secwrapper {
		grid-template-columns: 1fr 992px 1fr;
		grid-template-areas: 
          "shd	  shd   shd"
          "slfit smain srfit"
		  "sft    sft   sft";
		
    }

}
@media (min-width: 1200px) {
	.secwrapper {
		grid-template-columns: 1fr 1200px 1fr;
		grid-template-areas: 
          "shd	  shd   shd"
          "slfit smain srfit"
		  "sft    sft   sft";
    }
	
}

@media (min-width: 1440px) {
	.secwrapper {
		grid-template-columns: 1fr 1550px 1fr;
		grid-template-areas: 
          "shd	  shd   shd"
          "slfit smain srfit"
		  "sft    sft   sft";
    }
	
}
/*섹션 그리드 끝*/



div.scrollmenu {
  background-color: #0c7fb0;
  overflow: auto;
  white-space: nowrap;
  text-align:center;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  padding: 14px;
  text-decoration: none;
  font-family:'noto sans kr';
  font-style:regular;
  font-weight:400;
  font-size:1.3em;
}

div.scrollmenu a:hover {
  background-color: #777;
  }

.copy {border-top:1px solid #ddd;margin:0.5em 0;padding:0.6em 0;}
.copyright {padding:10px;border-top:2px solid #00a1b5;}


.search-form {
  position: relative;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 40px;
  border-radius: 40px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -50%);
  background: #fff;
  transition: all 0.3s ease;

  &.focus {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
  }
}


.search-input {
  position: absolute;
  top: 10px;
  left: 38px;
  font-size: 14px;
  background: none;
  color: #5a6674;
  width: 250px;
  height: 20px;
  border: none;
  appearance: none;
  outline: none;

  &::-webkit-search-cancel-button {
    appearance: none;
  }
}

.search-button {
  position: absolute;
  top: 10px;
  right: 15px;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  outline: none!important;
  cursor: pointer;
  
  & svg {
    width: 20px;
    height: 20px;
    fill: #5a6674;
  }
}


/* 로그인 우측 상단*/

.login2_box {
	margin:0 auto;
	max-width:800px;
}

.login2 {
	margin:2em;
}


.login2 input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.login2 input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.login2 button {
    background-color: #0099cc;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.login2 button:hover {
    opacity: 0.8;
}

.login2 label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}


/* 회원가입 */
div.joskin {width:100%;}
div.joskin1{border:5px solid #ddd;border-radius:10px;padding:10px;margin-bottom:10px;}
div.joskin2 {border-bottom:1px solid #ddd;text-align:center;padding:10px;margin-bottom:10px;}
div.joskin3 {border:0;width:100%;text-align:center;padding:5px 0;}

/* 회원가입필드*/
.memform input[type=text] {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.memform input[type=password] {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

 .avatar img{
    width: 40%;
    border-radius: 50%;
}
.memform button {
    background-color: #0099cc;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.memform button:hover {
    opacity: 0.8;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.memform {width:100%;padding:16px;border: 3px solid #f1f1f1;}
}


/* 설문조사 */
.VoteDefault {
	padding-bottom:5px;
	width:auto;
	font-size:9pt;
	color: #666666;
}
.VoteDefault ul {margin:0;padding:0;}
.VoteDefault li {width:auto;list-style:none;}
.VoteDefault span{display:inline-block;}
.VoteDefault hr{color:#ddd;background-color:#ddd;height:1px;border:none;text-align:left;width:98%;}


ul {margin:0;padding:0;}
li {list-style:none;}
hr{color:#ddd;background-color:#ddd;height:1px;border:none;text-align:left;width:95%;}

div#sectopnav3 {width:100%;}
div#sectopnav3 ul {margin:0;padding:0;}
div#sectopnav3 ul li {display:inline-block;padding:0.3em;font-family:Noto Sans KR,Nanum Gothic,"함초롬바탕","돋음";font-size:1.1em;font-weight:400;}
div#sectopnav3:after{ content:""; display:block;clear:both }





/* 글내용 테이블 스타일 */
table.type01 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin : 20px 10px;
}
table.type01 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type01 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin : 0px 0px;
}
table.type02 th {
    width: 150px;
    padding: 2px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}
table.type02 td {
    width: 300px;
    padding: 2px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.type03 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
  margin : 20px 10px;
}
table.type03 th {
    width: 147px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #153d73;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
table.type03 td {
    width: 349px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.type04 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
  margin : 20px 10px;
}
table.type04 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type04 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type05 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    margin: 20px 10px;
}
table.type05 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #efefef;
}
table.type05 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type06 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type06 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
}
table.type06 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type06 .even {
    background: #efefef;
}
table.type07 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin: 20px 10px;
}
table.type07 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e7708d;
}
table.type07 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
}
table.type07 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #fcf1f4;
}
table.type07 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type08 {
	width:100%;
	border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
    margin: 10px 0px;
}

table.type08 thead th {
    padding: 10px 5px;
	font-family:NanumBarunGothic;
    font-weight: bold;
	text-align:center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c00;
    background: #dcdcd1;
}
table.type08 tbody th {
    padding: 5px;
	font-family:NanumBarunGothic;
    font-weight: bold;
    vertical-align: top;
	text-align:center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
}
table.type08 td {
    padding: 10px;
	font-family:NanumBarunGothic;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #036;
}
table.type09 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
}
table.type09 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type10 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type10 thead th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #e7708d;
    margin: 20px 10px;
}
table.type10 tbody th {
    width: 150px;
    padding: 10px;
}
table.type10 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type10 .even {
    background: #fdf3f5;
}
table.type11 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 20px 10px;
}
table.type11 th {
    width: 155px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.type11 td {
    width: 155px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}



/*  모바일 네비게이션 메뉴 */
/* Add a black background color to the top navigation */
.topnav {
  background-color: #0c7fb0;
  overflow: hidden;
  
}

/* Style the links inside the navigation bar 모바일 네이게이션  */
.topnav a {
  float: left;
  display: block;
  color: #fff;
  font-family:Noto Sans KR,Nanum Gothic,Helvetica, Arial, Verdana, sans-serif;
  text-align: center;
  padding: 0.7em 0.4em;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 3px solid transparent;
}

.topnav a:hover {
  border-bottom: 3px solid red;
}

.topnav a.active {
  border-bottom: 3px solid red;
}



#sidebar-box {/* 좌측 메뉴 박스 열기*/
	position:absolute;
	top:0px;left:-260px;
	background-color:#0c7fb0;
	width:250px;
	height:auto
	color:#fff;
	font-weight:bold;
	z-index:1000;

}

#sidebar-box a{color:#fff;}
#sidebar-box .side-close{
	padding:10px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:1.5em;
}

.container {height:500px;/* 좌측 트리메뉴 스크롤*/
	overflow-x: hidden;
    overflow-y: auto;


}

a#MOVE_TOP_BTN {/*스크롤*/
    position: fixed;
    right: 2%;
    bottom: 50px;
    display: none;
    z-index: 999;
	color:red;
}



/* Style the search field */
form.jlsearch input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.jlsearch button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.jlsearch button:hover {
  background: #0b7dda;
}

/* Clear floats */
form.jlsearch::after {
  content: "";
  clear: both;
  display: table;
}