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%;}
div.bannerbox img{width: 100%;
                  margin-bottom:5px;
                 }

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;}

/* 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;
}
.footer {
    grid-area: ft;
	text-align:center;
}
.topcontent {
    grid-area: topcon;
}
.content {
    grid-area: main;
}
.content2 {
    grid-area: main2;
}
.middlecontent {
    grid-area: midcon;
	background:#333;
	padding:20px;
}
.bottomcontent {
    grid-area: botcon;
	background:#f1f1f1;
	padding:20px 0;
}
.leside {
    grid-area: lesd;
}

.reside {
    grid-area: resd;
}
.leside2 {
    grid-area: lesd2;
}

.reside2 {
    grid-area: resd2;
}
.mpadle {
    grid-area: mpadle;
}

.mpadre {
    grid-area: mpadre2;
}
.mpadle2 {
    grid-area: mpadle2;
}

.mpadre2 {
    grid-area: mpadre;
}
.wrapper {
    display: grid;
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas: 
      "hd"
	  "topcon"
      "main"
	  "main2"
	  "midcon"
	  "botcon"
      "lesd"
	  "resd"
	  "lesd2"
	  "resd2"
	  "mpadle"
	  "mpadre"
	  "mpadle2"
	  "mpadre2"
      "ft";
	 
}

ul {margin:0; padding:0;}

@media (min-width: 320px) {
    .wrapper {
        grid-template-columns: 10px 1fr 10px;
        grid-template-areas: 
          "hd   hd  hd"
          "mpadle main mpadre"
		  "mpadle lesd mpadre"
		  "mpadle resd mpadre"
          "ft   ft   ft";
		  margin:0 auto;
    }
}
@media (min-width: 768px) {
    .wrapper {
		grid-template-columns: 10px 1fr 10px;
		grid-template-areas: 
          "hd   hd  hd"
          "mpadle main mpadre"
		  "mpadle lesd mpadre"
		  "mpadle resd mpadre"
          "ft   ft   ft";
		  margin:0 auto;
	}
}
@media (min-width: 992px) {
	
.wrapper {
		grid-template-columns: 1fr 326px 510px 326px 1fr;
		grid-template-areas: 
          "hd      hd     hd    hd     hd"
		  "mpadle topcon topcon topcon mpadre"
          "mpadle lesd     main   resd    mpadre"
		  "midcon midcon midcon midcon midcon"
		   "mpadle2 lesd2     main2   resd2    mpadre2"
		   "botcon botcon    botcon   botcon    botcon"
		  "ft     ft     ft     ft     ft";
		  width:100%;
		  margin:0 auto;
		  margin:0 auto;
    }

}
@media (min-width: 1200px) {
	.wrapper {
		grid-template-columns: 1fr 326px 510px 326px 1fr;
		grid-template-areas: 
          "hd      hd     hd    hd     hd"
		  "mpadle topcon topcon topcon mpadre"
          "mpadle lesd     main   resd    mpadre"
		  "midcon midcon midcon midcon midcon"
		   "mpadle2 lesd2     main2   resd2    mpadre2"
		   "botcon botcon    botcon   botcon    botcon"
		  "ft     ft     ft     ft     ft";
		  
		width:100%;
		margin:0 auto;
		grid-gap:40px;
    }


}
/*메인화면 그리드 끝*/


/* 섹션 그리드 시작*/
.sheader {
    grid-area: shd;
}
.sfooter {
    grid-area: sft;
	text-align:center;
}
.scontent {
    grid-area: smain;
}
.sside {
    grid-area: ssd;
}

.spadle {
    grid-area: spadle;
}

.spadre {
    grid-area: spadre;
}

.swrapper {
    display: grid;
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas: 
      "shd"
      "smain"
      "ssd"
	  "spadle"
	  "spadre"
      "sft";
	 
}
ul {margin:0; padding:0;}

@media (min-width: 320px) {
    .swrapper {
        grid-template-columns: 5px 1fr 5px;
        grid-template-areas: 
          "shd shd shd shd"
          "spadle smain  ssd spadre"
		  "spadle smain  ssd spadre"
		  "sft sft sft sft";
		  grid-gap:5px;
    }
}

@media (min-width: 768px) {
    .swrapper {
        grid-template-columns: 5px 1fr 5px;
        grid-template-areas: 
          "shd shd shd"
          "spadle smain spadre"
		  "spadle ssd spadre"
		  "sft sft sft";
		  grid-gap:5px;
    }
}
@media (min-width: 992px) {
	
.swrapper {
		grid-template-columns: 1fr 300px;
		margin:0 auto;
		grid-gap:10px;
        grid-template-areas: 
          "shd shd"
          "smain ssd"
		  "sft sft"
		  ;
		width:100%;
		margin:0 auto;
    }

}
@media (min-width: 1200px) {
	.swrapper {
		grid-template-columns: 1fr 800px 370px 1fr;
		grid-template-areas: 
          "shd	  shd   shd shd "
          "spadle smain ssd spadre"
		  "spadle smain ssd spadre"
		  "sft    sft   sft sft";
    }
	width:100%;
	margin:0 auto;
	grid-gap:40px;


}
/*섹션 그리드 끝*/
.headtop {
    display: grid;
	grid-template-columns: 1fr 800px 370px 1fr;
    grid-template-rows: repeat(3, auto);
    grid-gap: 0px;
}
.toplogo {
	display:grid;
	grid-column:2 / span 2;
	grid-row: 1 / 2 ;
	text-align:center;

}
.toplogin {
	display:grid;
	grid-column:2 / 3;
	grid-row: 2 / 3 ;
	
}

.topsearch {
	display:grid;
	grid-column:3 / 4;
	grid-row: 2 / 3 ;
	text-align:center;

}

.topnavi {
	display:grid;
	grid-column:1 /5;
	grid-row: 3 / 4 ;
	background:black;

}

.btcontent {
	display:grid;
	grid-column: 1 /span ;
	grid-row: 1 /1 ;
	max-width: 1250px;
	margin:0 auto;
	

}

.mob-top {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-auto-columns: 1fr 1fr;
}
.mob-logo {
	display:grid;
	grid-column: 2 / 3 ;
	grid-row: 1 / 2;
	text-align:center;
	padding:1.1em 0;
}

.mob_search {
	display:grid;
	grid-column: 3 / 4 ;
	grid-row: 1 / 2;
	text-align:right;
	padding:1em 5px 0 0;
}

.mob-menu {
	display:grid;
	grid-column: 1 / 2 ;
	grid-row: 1 / 2;
	padding:1em 0 0 5px;

}

.mob-navi {
	display:grid;
	grid-column: 1 / span 3 ;
	grid-row: 2 / span 2;

}

div.scrollmenu {
  background-color: #333;
  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;}



#mv {margin:10px 0;text-align:center;background-color:#eee;}/*타이틀 없는 비디오 스킨 */
#mv .mvsub {padding:10px 0;font-weight:bold;}

/* 라스트스킨 모바일 메인 타이틀 **********************/
#mmt {padding:5px;margin:10px 5px;}
#mmt-sub {
	border-bottom:1px solid #f44336;
	padding:5px;margin-bottom:10px;
	font-size:1.2em;
	font-family:Noto Sans KR,Sans-Serif;
}
#mmt-sub-sub ul li {border-bottom:1px solid #ECECEC;
	font-size:1.2em;
	color:#000;
	line-height:3.0em;
	font-family:Noto Sans KR,Sans-Serif;
}
#mmt span.more{float:right;}
#mmt:after{ content:""; display:block;clear:both }


/*  slider_photo1 */
#slider_photo1 {border:1px solid #ddd;padding:10px;margin-bottom:5px;}  
#slider_photo1 div:after{ content:""; display:block;clear:both }

/*  section_basic_photo */
#sbt {border:1px solid #ddd;padding:10px;margin-bottom:5px;}
#sbt div:after{ content:""; display:block;clear:both }

/*  main_center_tab_news */
#mctn {border:1px solid #ddd;padding:10px;margin-bottom:5px;}  
#mctn div:after{ content:""; display:block;clear:both }
#mctn .mctn_d {border:1px solid #ddd;width:113px;height:68px;overflow: hidden;float:left;margin-right:10px;}
#mctn .mctn_l {line-height:2;}

/* 라스트스킨 끝 */


/* 섹션뉴스 */
div.msecnews{border:none;padding:0;margin:30px 0;}
div.msecnews div{border:none;padding:0;margin:20px 0;}


/* 섹션뉴스 */
div.msecphoto{border:none;padding:0;margin:30px 0;}
div.msecphoto div{border:none;padding:0;margin:20px 0;}



		
/* 메인섹션 포토 */
.secheadline {
	position: relative;
    max-width: 800px;
    margin: 0 auto;
	margin-top:1em;
	margin-bottom:2em;
}

.secheadline a:link {color: white;font-family:'NanumBarunGothic';}
.secheadline a:visited {color: white;}
.secheadline img {width:100%;vertical-align: middle;}

.secheadline .headcon {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    color: #f1f1f1;
    width: 100%;
    padding: 5px;
}

/* 로그인 폼 */
div#mlogin {
	padding:10px;
	margin-bottom:5px;
	background:#f2f2f2;
	border:solid 1px #EEE;
}

div#mlogin input[type=text] {
    width: 70%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	float:left;
}

div#mlogin input[type=password] {
    width: 70%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	float:left;
}

div#mlogin button {
    background-color: #fff;
    color: black;  
	padding: 30px 10px;
    margin: 0px 0;
    border: solid 1px #ccc;
    cursor: pointer;
	width:30%;
    position:relative;
	top:-1px;
	left:5px;
}

div#mlogin button:hover {
    opacity: 0.8;
}
/* 로그인 우측 상단*/
.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;
}

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

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



/* 회원가입 */
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 }



/* 웹진게시판 스킨*/
div.webview {width:100%;}
div.webview:after{ content:""; display:block;clear:both }

div.webview1 {width:100%;text-align:right;margin:1.5em 0;}
div.webview1:after{ content:""; display:block;clear:both }

div.webview2 {width:100%;border:1px solid #ececec;margin:3em 0;}
div.webview2:after{ content:""; display:block;clear:both }

div.webview3 {width:100%;overflow:auto;}
div.webview3:after{ content:""; display:block;clear:both }

div.webview4 {width:100%;margin:2em 0;}
div.webview4:after{ content:""; display:block;clear:both }

div.webview5 {width:100%;margin:3em 0;}
div.webview5 span{float:right;}
div.webview5:after{ content:""; display:block;clear:both }

div.webview6 {width:100%;margin:1em 0;}
div.webview6 span{float:right;}
div.webview6: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;
}

/*----- 검색폼------*/
.search-container {
  float: right;
}

.search-container input[type=text] {
  padding: 5px;
  margin-top: 8px;
  font-size: 14px;
  border: 1px solid #ddd;
}

.search-container button {
  float: right;
  padding: 5px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: 1px solid #ddd;
  cursor: pointer;
}

.search-container button:hover {
  background: #ccc;
}

/* pc 탑네비게이션 */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  background: #0c7fb0;
  border-bottom: 2px solid #0fa1e0;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #0c7fb0;
  color: #ffffff;
  display: block;
  font-family:Noto Sans KR,Nanum Gothic,Helvetica, Arial, Verdana, sans-serif;
  padding: 10px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  font-size: 0;
}
#cssmenu > ul > li {
  font-size: 15px;
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 15px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
 
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 3px #000000;
  
  background: #070707;
  
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #31b7f1;
  font-size: 13px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}

/*  모바일 네비게이션 메뉴 */
/* 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;

}

#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;
}


.topconnews {
    display: grid;
	grid-template-columns: repeat(5, auto);
    grid-template-rows: repeat(3, auto);
	grid-gap:10px;
   
}

.imgnews1 {
grid-column :1 / span 2;
grid-row : 1 / span 2;
}

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

}

.imgnews3 {
grid-column :4 / 5;
grid-row : 1 / 2;

}

.imgnews4 {
grid-column :3 / 4;
grid-row : 2 / 3;

}

.imgnews5 {
grid-column :4 / 5;
grid-row : 2 / 3;


}


/* 반응형 이미지 갤러리 *//

@media (min-width: 320px) {
	.responsive {
		width: 100%;
		margin: 6px 0;
		}
    
}
@media (min-width: 768px) {
    .responsive {
		width: 49.99999%;
		margin: 6px 0;
  }
	
}
@media (min-width: 992px) {
	.responsive {
		width: 32.99999%;
		margin: 6px 0;
  }
}
@media (min-width: 1200px) {
	.responsive {
		width: 24.99999%;
		margin: 6px 0;
  }

}