@x-import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@x-import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@font-face {
	font-family: 'Nanum Barun Gothic';
	font-style: normal;
	font-weight: 400;
	src: local('※');
    src: url(/_core/lib/font/NanumBarunGothic-Regular.eot);
    src: url(/_core/lib/font/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'), 
		url(/_core/lib/font/NanumBarunGothic-Regular.woff2) format('woff2'),
		url(/_core/lib/font/NanumBarunGothic-Regular.woff) format('woff'),		
		url(/_core/lib/font/NanumBarunGothic-Regular.ttf) format('truetype');
}

/* 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
blockquote p:last-child { margin: 0 }
a:focus { outline: 0 }
a:focus { outline: 0 }
a:link { text-decoration: none }
a:link { text-decoration: none }
p img { margin: 0 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #505050 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
table { border-collapse: collapse; border-spacing: 0; }
.list-style-none { list-style: none !important; margin-left: 0 !important; }
img { max-width: 100%; height: auto; }
.right { text-align:right; }

/* ------------------------------------------------------------------------------
	Global Styles
-------------------------------------------------------------------------------*/
a {
	color: #ff5c26;
}
a:hover, a:focus {
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
body {
	x-font-family: 'jeju gothic', "malgun gothic", "Roboto", sans-serif, "apple gothic";
	font-family: 'Nanum Barun Gothic', "malgun gothic", "Roboto", sans-serif, "apple gothic";
	font-weight: 400; 
	color: #fff;
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.section {
	padding: 50px 0;
}
.section p {
	color: #3d3d3d;
	font-size: 18px;
	line-height: 180%;
	font-weight: 400;	
}
.no-padding {
	padding: 0;
}
.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}
.space
{
	margin-top:60px;	
}

/* Responsive Grid System
-----------------------------------------------------------*/
.col:after, .clr:after, .group:after, #comments #respond:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.col { display: block; float: left; margin: 1% 0 1% 1.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*percent grid*/
.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}

/*columns without margin*/
.one-half, .one-third, one-fourth, one-fifth { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.one-half { width: 50% }
.one-third { width: 33.3333% }
.one-fourth { width: 25% }
.one-fifth { width: 20% }

/*clear float and remove left margin*/
.clr-margin { margin-left: 0 }
.count-1 { clear: both; margin-left: 0; }
.col-1, .col.first { clear: both; margin-left: 0; }

/*custom floats*/
.float-left { float: left }
.float-right { float: right }


/* Body & Main
-----------------------------------------------------------*/
body { background: #fff; 
	font-family: 'jeju gothic', "Roboto", sans-serif;
	color: #444; font-weight: 400; 
	line-height: 1.42857143;
}
body a { color: #306ca3 }
x-body a:hover { text-decoration: underline; }
.container { width: 980px; margin: 0 auto; max-width: 90%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.container .container { width: 100%; max-width: none; }
#wrap { margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#post { padding-right: 41px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Commons
-----------------------------------------------------------*/

/*clear floats*/
.remove-margin { margin-right: 0 !important }
.clr:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { clear: both }

/*blockquote*/
blockquote { font-style: italic; margin-bottom: 25px; padding-left: 30px; border-left: 4px solid #ddd; }
blockquote p { font-size: 16px; color: #909090; font-style: italic; line-height: 1.9em; }

/*preformatted text*/
pre { background: #fff url("images/pre-bg.png") repeat; margin: 40px 0px; padding: 25px 20px; line-height: 25px; border: 1px solid #EFEFEF; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

/*address*/
address { letter-spacing: 1px; margin: 20px 0; }

/*page featured image*/
#page-featured-img { margin-bottom: 30px }
#page-featured-img img { display: block; margin: 0 auto; max-width: 100%; }


/* ------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/

p {
	font-size: 14px;
	line-height: 22.4px;
	color: #6c7279;
}
h1 {
	font-size: 65px;
	color: #245179;
    //font-family: junglebook; 
	margin: 0 0 20px;
}
h1 .sm {
	font-size: 50px;
}
h2 {
	font-size: 40px;
	color: #245179;
    //font-family: junglebook; 
}
h3 {
	font-size: 28px;
	color: #245179;
	font-weight: 300;
    //font-family: junglebook; 
}
h4 {
	font-size: 22px;
	color: #245179;
	font-weight: 400;
}
h5 {
	font-size: 14px;
	color: #245179;
	text-transform: uppercase;
	font-weight: 700;
}
.btn {
	//background-color: #3bc492;
	background-color: #3498db;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 5px;
	border: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	text-transform: uppercase;
	margin-right:5px; 
}
.btn:hover, .btn:focus {
	background-color: #0fbcdb;
	color: #fff;
	text-decoration:none; 
}
.btn-large {
	font-size: 20px;
	padding: 15px 40px;
	margin-right:10px; 
}
.btn-orange {
	background-color: #f39c12; 
}
.btn-sunflower {
	background-color: #f1c40f; 
}
.btn-wisteria {
	background-color: #8e44ad; 
}

/* Typography
-----------------------------------------------------------*/
/*h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #000; }*/
/*h1 { font-size: 32px; margin: 0 0 20px; }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }
.entry p:last-child { margin: 0 }
.entry .wpcf7-form { margin-top: 0 }
.entry ul { margin: 30px 0 30px 20px }
.entry ol { margin: 30px 0 30px 25px }
.entry ul li, .entry ol li { margin: 0 0 5px }
.entry ol { list-style: decimal }
.entry ul { list-style: disc }
*/
h2 a, h3 a { color: #2d3033 }
h2 a:hover, h3 a:hover { color: #0fbcdb; text-decoration: none; }
/*.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px }*/
p { margin: 0 0 20px; } 
p.lead { font-size: 21px; line-height: 27px; color: #777; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border: solid #EFEFEF; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; }
a { outline: 0 }
p a, p a:visited { line-height: inherit }
p a, p a:visited { line-height: inherit }

/* Headings
-----------------------------------------------------------*/

/*page heading*/
#page-header { position: relative; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #EFEFEF; }
#page-header h1 { margin: 0; font-weight: bold; font-size: 21px; text-transform: uppercase; }
#page-header-description { color: #949494; font-size: 14px; }

/*heading class*/
.heading { display: block; margin: 25px 0; font-size: 14px; font-weight: bold; }
.heading span { display: inline-block }

/* Header
-----------------------------------------------------------*/
#masthead-wrap { background: #009ecc; margin-bottom: 50px; }
#masthead-wrap.fixed { position:fixed; z-index:999; background-color: rgba(0, 153, 204, 0.7); width:100%;}
#masthead-wrap.fixed .mobile-menu-toggle { margin-right:20px; }
#masthead { position: relative; padding: 30px 0; }
#masthead-wrap.fixed #masthead { padding:20px 0 20px; } 
/*logo*/
#logo { display: block; float: left; }
#logo h2 { font-weight: normal; font-size: 32px; color: #fff; }
#logo h2 a { color: #fff }
#logo img { width:150px; }

/* Layout 
-----------------------------------------------------------*/
x-body { background: #8cc9da; } 
body { background: #fff; } 

#header { min-height:20px; padding:20px 0 20px; background:#007cc4; } 
#header .eventinfo { color:#fff; text-align:center; font-size:12px; } 
#header .eventinfo a { color:#fff; } 

#content { margin:30px 10px 50px; }
#content .block { margin:10px 10px 10px; }
#content .block .title { text-align:center; padding-top:30px; } 
#content .block .block_content { margin-top:20px; margin-bottom:30px; } 
#content .poster { text-align:center; } 
#content .poster > img { width:100%; } 
#content .content { background:white; } 
#content .intro { font-size:18px; text-align:center; margin:20px 0 20px; line-height:150%; } 
#content .text { padding:10px 10px 20px; } 
#content .text h5 { margin-top:10px; } 
#content .text p { margin:0 0 10px; } 
#content img.icon { width:25px; padding:0 5px 0; } 
#content #apply { padding: 15px 0 5px; text-align:center; font-size:15px; }
#content #apply a { font-size:25px; text-decoration:underline; }
#content #apply .query { margin-top:10px; font-size:15px; }
#content #apply img.half { width:45%; } 
#content .video_wrap { padding:4px; } 

.vodlist { background:#dcf0f2; padding:20px 15px 20px; margin:30px 0 30px; border-radius:10px; }
.vodlist ul { margin:0; padding:0; position:relative; } 
.vodlist ul li { list-style:none; min-height:130px;  } 
.vodlist ul li .imgwrap { position:absolute; width:200px; } 
.vodlist ul li img { width:100%; } 
.vodlist ul li .info { position:absolute; left:220px; line-height:160%; font-size:14px; } 
.vodlist ul li .info .subj { text-align:left; font-size:18px; color:#3284c0; font-weight:bold; } 
.vodlist ul li .info .desc { text-align:left; color:#000; margin-top:5px; }

.flexslider { margin-bottom:0; }
#slider .flexslider { margin-top:-30px; } 
#carousel .flexslider { margin-top:-73px; } 

.audio_btn { position:absolute; right:40px; top:100px; cursor:pointer; }
.audio_btn > img { width:40px !important; height:40px !important; } 

#footer { min-height:20px; padding:20px 0 20px; background:#007cc4; } 
#footer .siteinfo { color:#fff; text-align:center; font-size:12px; } 
#footer .siteinfo a { color:#fff; } 

/* ------------------------------ vodlist ----------------------------*/

#content .vodlist2 {}
.vodlist2 .block { } 
.vodlist2 .intro { background:#00bfff; }
.vodlist2 .intro .title { padding:10px 0 30px; color:#fff; font-size:20px; }
.vodlist2 .intro .title div { display:block; width:100px; margin:0 auto 10px; font-size:12px; background:#4d4cff; padding:0px; border-radius:5px; }
.vodlist2 .intro .desc { color:#fff; font-size:14px; padding-bottom:30px; }

	
iframe.youtube_embed { width:100%; height:500px }

.vodshow { }
.vodshow .vod { margin:20px 0 20px; }
.vodshow .vod .title { font-size:22px; }
.vodshow .vod .youtube { margin:20px 0 20px; }

#content.vodlist2 .vodshow .title { text-align:left; }


/* ------------------------------ screens ----------------------------*/


@media screen and (max-width: 640px) {
	#content .intro { font-size:16px; text-align:left; }
	
	.block .title img {  } 
	
	.vodlist ul li { min-height:100px; }	
	.vodlist ul li .imgwrap { position:absolute; width:150px; } 
	.vodlist ul li .info { left:160px; font-size:12px; } 
	.vodlist ul li .info .subj { font-size:15px; } 
	
	iframe.youtube_embed { width:400px; height:400px; }
	
	.vodshow .vod .title { font-size:20px; }
	
}

@media screen and (max-width: 500px) {
	#content .intro { font-size:16px; }
	
	.block .title img {  } 
	
	.vodlist ul li { min-height:100px; padding-bottom:20px;  }	
	.vodlist ul li .imgwrap { position:relative; width:100%; } 
	.vodlist ul li .info { position:relative; left:0; font-size:14px; } 
	.vodlist ul li .info .subj { font-size:15px; } 
	
	iframe.youtube_embed { width:100%; height:300px; }
	
	.vodshow .vod .title { font-size:18px; }
}


@media screen and (max-width: 480px) {
	.audio_btn { right:40px; top:70px; }
}