@charset "utf-8";


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

	html, body {
		font-family: 'Noto Sans KR';
		/*letter-spacing:1px;
		color:#494949;*/
		height:100%;
		font-size:16px;
	}

	body {
		background-color:#ffffff;
		line-height: 1.6;
	}

  a, a:visited, a:hover {
    text-decoration:none;
		color:#494949;
  }

	.container {
		max-width:1200px;
	}	

	.GNB ul li {
		padding-top:5px;
		padding-bottom:5px;		
		padding-left:30px;
		padding-right:30px;
	}		

	.GNB ul li a {
		color:#ffffff !important;
		font-size:20px;
		
	}
	
	.GNB ul {
		margin-top:0;
		margin-bottom:0;
	}
	
	.GNB li:hover {
	/*	background-color:#00478d; */
	}
	
	hr {
		border-color:#ddd;
	}
	
	.table_program {
		background-color:#cbe3f0;
		border-top: #9ec8de 3px solid;
	}
	
	.table_program th {
		background-color:#f2f8fb;
		text-align:center;
	}
	
	.table_program td {
		background-color:#fff;
		display:table-cell; 
	}	
	
	
	#back-top {
	 position: fixed;
	 bottom: 120px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
	 left: 50%;
	 margin-left: 700px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
	 z-index:10;
	 display:none;
	 border-radius:0 6px 6px 0;
	}	
	
	#bg_opacity_left {
		position:fixed; 
		z-index:9;
		width:100%; 
		height:100%; 
		left:50%; 		
		top:0px; 
		margin-left: 600px;
		background-color:#366fa1;
		filter:alpha(opacity=20);
		opacity:.2;
	}	
	
	#bg_opacity_right {
		position:fixed; 
		z-index:9;
		width:100%; 
		height:100%; 
		right:50%; 		
		top:0px; 
		margin-right: 600px;
		background-color:#366fa1;
		filter:alpha(opacity=20);
		opacity:.2;
	}	
	
	.mobileOnly {display:none;}
	
@media (max-width: 970px) {

	ul  {padding-left:20px; }

	.container {width:100%;}

	.mobileOnly {display:block;}
	.pcOnly {display:none;}
	
	.GNB ul li {
		padding-top:5px;
		padding-bottom:5px;		
		padding-left:10px;
		padding-right:10px;
		border-bottom:1px solid #dddddd;
	}
	
	.GNB ul li a {
		color:#ffffff !important;
		font-size:14px;
		
	}

}

	
.navbar {
  border: none; /* 네비게이션 헤더의 테두리를 없앰 */
}

.wrap_title {
	display: inline-block;
	font-size: 18px; font-weight: 500; margin-top: 20px; margin-bottom: 20px; 
	background: linear-gradient(90deg, rgba(75,224,166,1) 0%, rgba(38,200,185,1) 100%); color:#ffffff; padding: 7px 30px; border-radius:10px; text-align: center;
}

.session_title {font-size:20px; font-weight:500; letter-spacing: -1px;}

.wrap_title_blue {
	display: inline-block;
	font-size: 18px; font-weight: 500; margin-top: 20px; margin-bottom: 20px; 
	background: linear-gradient(90deg, #75baf6 0%, #75baf6 100%); color:#ffffff; padding: 7px 30px; border-radius:10px; text-align: center; 
}
.text-primary {
  color: #494949;
}

.btn-toggle {width:16px;height:16px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../img/btn_toggle.svg) no-repeat center/12px auto;vertical-align:6px;margin:0 6px;border:0px}
.btn-toggle.active {transform:rotate(180deg);}

.contents dl {margin-bottom:20px;}
.contents dl dt {font-size: 16px;font-weight:600;}
.contents dl dd {border-radius: 8px;background-color:#f9f9f9;margin-top:10px;display:none;}
.contents dl dd p {font-size:12px;line-height:1.41;padding:16px;}
.contents dl.open dd {display:block;}

 .btn-xl {
    font-size: 1.3rem;   /* 기본보다 큼 */
    padding: 0.4rem 2rem;  /* 상하, 좌우 패딩 */
    line-height: 1.5;
	background-color:#004a85;
  }

   .btn-x2 {
    font-size: 1rem;   /* 기본보다 큼 */
    padding: 0.4rem 1rem;  /* 상하, 좌우 패딩 */
    line-height: 1.5;
	background-color:#0070bb;
  }