@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {width:100%; -webkit-text-size-adjust:none; font-family:'Noto Sans KR', sans-serif;  font-size:10pt; line-height:1.5em; padding:0; margin:0; min-width:280px;}
a {color:inherit;}
a:hover { color:inherit; text-decoration:none;}

/* ul ol caption 기본*/
ul, ol { list-style:none; }
legend, caption {
	position:absolute;
	left: 0; top :0;
	visibility:hidden;
	overflow:hidden;
	line-height: 0;
	width:0;
	height:0;
	margin:0;
	padding:0;
    font:0/0 Arial;
}
/* 데이터 디폴트 테이블 */
.tabledata {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
	border-spacing: 0;
}
.tabledata th, .tabledata td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:15px 8px;
	border-spacing: 0; 
	white-space:nowrap;
	text-align:center;
}
.tabledata .active {
  background-color:#ebebeb;
}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

/*header*/
.header { background-color: #5a5a5a; color:#fff; height: 32px; line-height:32px; }
.header ul  li {padding:0 10px;}
.header ul  li span { padding-right: 5px; }
.header .linemenu ul li { border-right:1px solid #a8a8a8; padding-right: 15px; }
.header .linemenu ul li:last-child { border-right:none; padding-right:0; }
.logo { padding:20px 0; }
.header .linemenu ul li a:hover {color:#99FFD5;}

/*slide custmizing*/
.textbox { position:absolute; left:50%; top:150px; color:#fff; margin-left:-500px; text-align:right; text-shadow:1px 2px 2px #000;}
.slidetxt01{ font-size:470%; font-weight:bold;}
.slidetxt02{ font-size: 25px; margin-bottom:70px; margin-top:40px;}
.slidetxt03 { font-size: 180%;font-weight:bold;  line-height:130%;}
.slidetxt04 { font-size: 400%;font-weight:bold; line-height:110%;}
.slidetxt05 { font-size: 400%;font-weight:bold;  line-height:100%;}

/* menubar bootstrap.css custmizing */
.menu { background-color:#fff; width:100%; margin-left:0; padding-left:0; }
.nav > li { margin:0; font-size:150%; margin-left:9px;}
.nav > li > a { color:#000;  padding-right:0 !important;}
.nav > li > a:hover, .nav > li > a:focus {color:#006904; background-color:transparent; height:50px;}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color:#006904; background-color:transparent;height:50px; }
.nav > li .dropdown-menu { background-color:#fff; color:#000; top: 50px; min-width:220px; padding:10px; box-sizing;border-box;}
.nav > li:nth-child(2) .dropdown-menu { min-width:270px;}
.nav > li:nth-child(3) .dropdown-menu { min-width:270px;}
.nav > li:last-child .dropdown-menu {  min-width:285px; margin-left:-215px;}
.nav .dropdown-menu li { text-align:left; width:100%; font-size:110%; font-weight:normal;box-sizing:border-box; line-height:120%;}
.nav .dropdown-menu li > a { color:#000; padding-left:15px; ;padding-right:15px; }
.nav .dropdown-menu li > a:hover { color:#000; }
.navbar-header { background-color:#fff; border-radius:5px; }
.navbar-header .navbar-brand { font-size:110%;}
.navbar-header button { background-color:#fff; }

/*location */
.location { background-color:#fbfbfb;padding:8px 0; color:#7f7f7f; border-bottom:1px solid #dedede;}
.location span {margin-left:10px;}
.location span:after {content:">";margin-left:10px;}
.location span:last-child:after {content:"";margin-left:0;}

/*ourservice*/
.ourservice { padding:45px 0;  }
.ourservice header {border-bottom:1px solid #ccc; margin-bottom:20px;padding-bottom:10px;}
.ourservice header span { font-size:120%; font-weight:bold;}
.ourservice header a { float:right; font-size:140%;}

/*footer*/
.footer { background-color: #2a2b2c; color: #a6a6a6; padding:10px 0; }
.footer ul li { padding-right:20px; }
.footer #gototop { float:right; margin-right:10px; border:1px solid #686868; padding:20px; color:#fff;}
.footer a:hover {color:#99FFD5 !important;}
.footer span { margin-right:7px;}

/* sub content */
.subcon { margin-top:20px; min-height:400px; margin-bottom: 50px; }
.subcon img { max-width:100%; height:auto;}
.subcon .details {padding:0; }
.subcon .details .h1 { margin-top:30px;  margin-bottom:30px; text-align:center; font-weight:bold; background:url(../img/title_line.gif) no-repeat center bottom; height:60px;}
.subcon .details .h3 { background: url(../img/bullet.gif) no-repeat left 4px; padding-left:23px; margin-bottom:20px; }

.subcon .details article { padding:10px 0 30px 0; }
.subcon .details article h4 { font-size:150%; margin:45px 0 30px;}
.subcon .details article h5 { margin: 20px 0 10px 0;  }

.subcon .details article.greeting { margin-top:20px;}
.subcon .details article.greeting  p { margin-top:10px; text-align:justify; }
.subcon .details article.greeting  p span { color:#999; font-size:50%; margin:0 10px 3px 10px; vertical-align:middle; display:inline-block;}
.subcon .details article.greeting  p a.link { color:  #33C; text-decoration:underline; }
.subcon .details article.greeting  p a.link:hover { color:#03F; }
.subcon .details article table.overview { border:0; }
.subcon .details article table.overview th { border-right:0;  border-bottom:1px solid #8f8c8c}
.subcon .details article table.overview td { border:0; text-align:left;  padding-left:30px; border-bottom:1px solid #399; }
.subcon .details article table.overview td span { margin:0 5px 0 10px; color:#006; font-weight:500;  }
.subcon .details article .commitee > div { margin-top:5px; margin-bottom:5px;text-align:center;}
.subcon .details article .commitee > div img {margin-bottom:3px;}
.subcon .details article .keydate_wrap { background: url(../img/keydate_bg.jpg?ver=5) no-repeat right top; height:383px; width:100%;  }
.subcon .details article .keydate_wrap dl { float:left; margin-right:20px; margin-bottom:20px; letter-spacing:1.5px;  }
.subcon .details article .keydate_wrap dl  dt { border-bottom:1px solid #8f8c8c; padding-bottom:8px; margin-bottom:5px;  }
.subcon .details article .keydate_wrap dl  dt strong { font-size:150%; margin-right:3px;  }
.subcon .details article .keydate_wrap dl dd { color:#06C; }
.subcon .details article.program_review ul { margin:0 auto; width:100%; margin-top:50px; border-top:1px solid  #ccc; border-left:1px solid #ccc; box-sizing:border-box; padding:0;}
.subcon .details article.program_review ul  li { margin:0; display:inline-block; width:33.33%; text-align:center;  border-bottom:1px solid  #ccc; border-right:1px solid #ccc; box-sizing: border-box; padding: 10px 0;  font-weight: bold; background-color:#EFEFEF; box-sizing:border-box;}
.subcon .details article.program_review ul  li.active { color:#06F;  position:relative;}
.subcon .details article.program_review ul  li.active:before { position:absolute; content: ""; left:49%; bottom:-30px; background:url(../img/circle.gif) left top; width:7px; height:7px;}
.subcon .details article.program_review table { width:100%; border-top:2px solid  #FC0; margin-top:50px; border-left:1px solid #ccc; }
.subcon .details article.program_review table thead { background-color: #666; color:#fff; text-align:center;  }
.subcon .details article.program_review table th  {padding:10px 0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.subcon .details article.program_review table td { padding:10px ; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.subcon .details article.program_review table tr td:first-child { background-color:#F8F8F8; font-weight:bold; color:  #333}
.subcon .details article.program_review table tr td.session { font-weight:bold; background-color: #004e9e; color:#fff;}
.subcon .details article.guideline ul { padding:0;}
.subcon .details article.guideline ul li { background: url(../img/green_dot.gif) no-repeat left 10px; padding-left:10px;}
.subcon .details article.guideline a.link { display:block; padding:20px; background-color: #007df5; color:#fff;  width:340px; font-weight:bold;  margin:0 auto; margin-top:70px; border-radius:5px; font-size:110%;}
.subcon .details article.guideline a.link:hover { text-decoration:none; color:#a6f3c5;} 
.subcon .details article.venue { padding-top: 55px;}
.subcon .details article.venue p.text { margin-top:20px;  margin-bottom:20px; }
.subcon .details article.venue p.text strong { color: #F30}
.subcon .details article.venue ul {margin:0;padding:0;}
.subcon .details article.venue ul.main li {  padding-left:15px; position:relative; }
.subcon .details article.venue ul.main li:before { content:"-" ; position:absolute; left:0;  }
.subcon .details article.venue table { width:100%; border-top:2px solid  #FC0; margin-top:50px; border-left:1px solid #ccc; }
.subcon .details article.venue table thead { background-color: #666; color:#fff; text-align:center;  }
.subcon .details article.venue table th  {padding:10px 0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.subcon .details article.venue table td { padding:10px ; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }

/* sub leftmenu */
.leftmenu { font-size:140%;border-bottom:1px solid #ccc; }
.leftmenu a { margin-right:10px; padding:15px 0; border-right:1px solid #ccc; display:inline-block; padding-left:15px; padding-right:10px;}
.leftmenu a:first-child { border-left:1px solid #ccc;}
.leftmenu .menuactive { color:#EE6828 !important;}
.leftmenu a:hover { color:#EE6828;}
.leftmenu .category a { font-weight:bold; font-size:150%; border:0; }
.leftmenu .category a:hover { color:#000;}


/* midea query */
@media (min-width: 1200px) and (max-width: 1399px) {
		.slidetxt04 { font-size: 250%;font-weight:bold; line-height:110%;}
		.slidetxt05 { font-size: 250%;font-weight:bold;  line-height:110%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
        .navbar {margin-bottom:0;width:82%;margin:0 auto;}
        .slidetxt01 {font-size: 26px;}
  		.slidetxt02 {font-size:380%;}
  		.sidemenu { display:none;}
		.menu { overflow-y:none; overflow-x:scroll;}
		.menu #sitemenu { width:870px; }
	    .dropdown-menu { display:none;}
	
		.textbox { position:absolute; left:50%; top:100px; color:#fff; margin-left:-150px; text-align:right; text-shadow:1px 2px 2px #000;}
		.slidetxt01{ font-size:300%; font-weight:bold; }
		.slidetxt02{ font-size: 20px; margin-bottom:50px; margin-top:40px; }
		.slidetxt03 { font-size: 100%;font-weight:bold;  line-height:110%;}
		.slidetxt04 { font-size: 250%;font-weight:bold; line-height:110%;}
		.slidetxt05 { font-size: 250%;font-weight:bold;  line-height:110%;}
}

@media (min-width: 768px) and (max-width: 991px) { 
	    .logoimg { text-align: center;}
  		.navbar { margin-bottom:0;min-width:770px;}
  		.leftmenu ul { width:100%; margin-bottom:30px;}
  		.footer .contacts {margin-top:30px;}
  		.header { height:inherit; line-height:inherit; }	
		.menu { overflow-y:none; overflow-x:scroll;}
		.menu #sitemenu { width:870px; }
	    .dropdown-menu { display:none;}
		.header > div > div ul {margin-top:7px;}
	
		.textbox { position:absolute; left:50%; top:50px; color:#fff; margin-left:-250px; text-align:right; text-shadow:1px 2px 2px #000;}
		.slidetxt01{ font-size:200%; font-weight:bold; }
		.slidetxt02{ font-size: 20px; margin-bottom:40px; margin-top:20px; }
		.slidetxt03 { font-size: 100%;font-weight:bold;  line-height:110%;}
		.slidetxt04 { font-size: 150%;font-weight:bold; line-height:110%;}
		.slidetxt05 { font-size: 150%;font-weight:bold;  line-height:110%;}
 }

@media (max-width: 767px)  {
	    .logoimg { text-align: center;}
	    .menu {width:100%; background-color:#fff; }
	    .nav {height:auto;padding:0; width:100%;margin:0;}
		.navbar-nav {border-top:1px solid #ccc; width:100%; margin:0; margin-top:5px !important; padding-top:20px !important;}
	    .nav > li { text-align:center; margin-left:0;}
	    .dropdown-menu { display:none;}
		.nav > li > a { font-size:120% !important;}	
  		.nav > li > a:hover, .nav > li > a:focus { background-color:transparent; border:none; height:auto;}
  		.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background-color:transparent; border:none;height:auto; }		
		.navbar-header {border-radius:0; margin-bottom:0;}
		.subcon { margin-top:40px; min-height:inherit; }
  		.header { height:inherit; line-height:inherit; }
  		.header ul  li { margin:0; padding:0; }	
  		.footer { text-align:center;}	
	    .footer #gototop { padding:10px; margin-top:10px;margin-right:0;}
		.navbar-toggle { background-color: #fff !important;}
		.linemenu > ul { position:absolute; left:0; top:82px; z-index:99;}
        .linemenu ul li { border:0;  padding:5px 8px !important;  background-color:#3C3C3C;}
        .linemenu ul li:last-child { border-right:none; padding-right:8px !important; }		
		.linemenu > ul a { color:#fff !important;  }
		.header > div > div { text-align:center; }
		.header > div > div ul {margin-top:7px;}
		.header > div > div ul li {padding:0 10px;}
	    .location {text-align:center; color:#000; padding:0 0 20px 0;}
	
		.leftmenu { font-size:110%;border-bottom:1px solid #ccc; }
		.leftmenu a { margin-right:10px; padding:15px 0; border-right:1px solid #ccc; display:inline-block; padding-left:15px; padding-right:10px;}
		.leftmenu a:first-child { border-left:1px solid #ccc;}
		.leftmenu .category a { font-weight:bold; font-size:150%; border:0; }
	
		.textbox { position:relative; left:0; top:5px; color:#000; margin-left:0; text-align:right; text-shadow:1px 2px 2px #fff;padding:20px 30px; }
		.slidetxt01{ font-size:150%; font-weight:bold; }
		.slidetxt02{ font-size: 15px; margin-bottom:20px; margin-top:10px; }
		.slidetxt03 { font-size: 100%;font-weight:bold;  line-height:120%;}
		.slidetxt04 { font-size: 120%;font-weight:bold; line-height:110%;}
		.slidetxt05 { font-size: 130%;font-weight:bold;  line-height:90%;}
	
	    .subcon  { padding-left:40px; padding-right:40px; }
        .subcon .details .h1 { margin-top:0;  margin-bottom:20px; text-align:center; font-weight:bold; background:none; height:auto;}
}

@media (max-width: 320px)  {
	    .header .linemenu ul li { padding:0 2px; }
	    .header > div > div ul li {padding:0 2px;}
}

@media (min-width: 1200px) { 
      .navbar {margin-bottom:0;width:66.8%;margin:0 auto;}
      .menupart {margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
	  .nav > li { margin:0; font-size:150%; margin-left:15px;}
	  .nav > li:first-child { margin-left:0;}
	  .subcon .details {padding:0 20px; }
}