@charset "utf-8";

/* CSS Document */

@import url(/theme/basic/css/fonts/mir_fonts.css);

/*css reset*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;clear:both;}

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #1a1a1a; }

a:active { outline: 0; }





audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }svg:not(:root) { overflow: hidden; }



table { border-collapse: collapse; border-spacing: 0; }td, th { padding: 0; }

ul, ol { list-style: none outside none; }h1, h2, h3,strong {font-weight: 600; }



img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}





/*commos*/

.border_box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fl{float:left;}.fr{float:right;}.hide{display:none!important;}.show{display: block!important;}

.ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.break { word-break:break-all; word-wrap:break-word}

.clearfix:after{content:'\0020';display:block;height:0;clear:both}.clearfix{*zoom:1}

*:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



















body {

    color: #333;

	background:#fff;

}







.warp {

 	font-family: 'NanumBarunGothic';

    width: 1100px;

    font-size: 26px;

    margin: 0 auto;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

	word-break:break-all; 

	word-wrap:break-word;

}



.warp img{

	max-width:100%;

}



.con {

    width: 100%;

    float: left;

}



.S-Core{

    font-family: 'NanumBarunGothic';

}





h4 {

    text-align: left;

    font-family: 'NanumBarunGothic';

    margin: 1% 0;

    padding: 2%;

    color: #fff;

    font-size: 32px;

}



h4 p {

    display: inline-block;

    float: right;

    font-size: 20px;

    font-weight: 300;

    padding-top: 1.5%;

}



h3 {

    font-size: 30px;

    text-align: center;

    font-family: 'NanumBarunGothic';

}



.section {

    margin: 2% 0 4%;

    text-align: center;

}

.tit {

	text-align:left;

	color:#fff;

    padding: 2% 3%;

}

/*top*/

.top {

    width: 100%;

    margin-bottom: 1%;

}



/*프로그램 안내*/

.section1 {

    background-repeat: repeat;

    background-position: top;

    background-size: auto;

}

.title {

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: center bottom;

    text-align: center;

    line-height: 150%;

    padding: 6% 5% 5%;

}





.title .color1{

	font-size:40px;

}

.title .color2{

	font-size:70px;

    font-family: 'NanumBarunGothic';

}



.table_wrap {

    display: inline-block;

	padding:3%;

	padding-top:0;

}

table{

    border-collapse: collapse;

    border-spacing: 0;

	width:100%;

    background: #fff;

    border: 1px solid #Ddd;

	

}

caption{

	display:none;

}



tr{

	border-bottom:1px solid #ddd;

}

thead tr{

	background:#f5f5f5;

}



th, td {

    padding: 1.5%;

    border-left: 1px solid #ddd;

 

    vertical-align: middle;

    font-size: 1.5em;

    line-height: 160%;

}



th {

    background: #002e6e17;

    min-width: 30px;

}

thead th {

	background-color: #0b5544;

	color: #fff;

font-weight: 600;

}







tr td p {

	padding-left: 1em;

	line-height: 180%;

	position: relative;

}



	tr td:last-child p::before {

		content: "●";

		font-size: 0.6em;

		color: #6a6a6a;

		position: absolute;

		left: 0;

	}



	tr td:last-child p.point {

		font-weight: 800;

		color: #6a6a6a;

	}



	.section p{

	margin-bottom:2%;

}

.section p:last-child{

	margin-bottom:0;

}

.pro{

	padding:2%;

	color:#fff;

	font-size:25px;

	text-align:center;

}

/*프로그램 안내 끝*/









/*사진 네개짜리 소식*/



.photo_wrap {

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    padding: 3%;

}

.photo {

    width: 48.5%;

    display: inline-block;

    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.14);

    margin: 0.5%;

    overflow: hidden;

}



.txt {

    padding: 10%;

    padding-top: 0;

    word-break: keep-all;

    word-wrap: break-word;

    line-height: 150%;

}



/*사진 네개짜리 소식 끝*/











/*기관소식*/



.story_warp {

    padding: 3%;

	overflow: hidden; 

}



/* .story00 {

    width: 90%;

    margin: 0 auto;

}

.story00 span {

    color:#333;

    font-size: 32px;

} */



.story {

    width: 44.5%;

    display: inline-block;

    border: 1px solid #ececec;

    background: #fff;

    color: #333;

    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.14);

    /* padding: 2%; */

    margin: 2%;

    overflow: hidden;

    text-align: center;

    font-size: 23px;

    height: 420px;

}

.story p {

    margin-bottom: 2%;

    word-break: keep-all;

    word-wrap: break-word;

    line-height: 150%;

    padding: 0;

}



.story .ti {

    font-size: 23px;

    font-weight: 600;

    margin-bottom: 0.5em;

}

.story .ti span{

	font-size:24px;

}

.story_warp img{

	width:100%;

	margin-bottom:1em;

}



.story_warp .story02 .img_wrap2 img{

	/* width:100%;

	margin-bottom:1em; */

    max-width: 350px;

    margin-bottom: 1em;

}







/*후원*/

.section4{

	margin-top:0;

}

.spon{

	display:inline-block;

    width: 48.5%;

    margin: 0.5%;

}







.link a {

    margin-bottom: 2%;

    display: block;

}











.tail {

text-align: center;

    width: 100%;

    border-top: 2px solid #ddd;

    padding-top: 3%;

}



.tail img {

    margin-bottom: 20px;

}



.tail a {

	color:#333;

}





@media (max-width: 992px) {

.warp {

    width: 100%;

	font-size:20px;

}

.warp img {

    width: 100%;

}

h4, h3, .tit{ 

    text-align: center;

    font-size: 1em;

}

h4 p {

	display:none;

}

.title .color1{

	font-size:25px;

}



.title .color2 {

    font-size: 40px;

}

th, td{

	font-size:1em;

}

.pro {

    padding: 2%;

    color: #fff;

    font-size: 18px;

    text-align: center;

}

.photo {

    width: 99%;

}

.story_warp .story{

	width:95%;

	height:auto;

}

.spon{

	width:99%;

}

.spon img{

	width:100%;

}



}