html {
    height: 99%; 
    }
    
* { margin:0; padding:0; }

BODY {background: #ffffff url(#) repeat;
		margin:0px; padding:0px;
		/*font-family:arial;*/
		font-family: 'Nanum Gothic-regular', sans-serif;
		height: 100%;
	} 
	
	a:link, a:visited, a:active { color:white ; text-decoration:none ; }
	a:hover { color:grey ; text-decoration:none ; }

    .button img{ border: 1px solid white ; }
    .button:hover img{ border: 1px solid #BBBBBB ; filter:alpha(opacity=80); opacity:.8;}
    .button:hover{ color: #BBBBBB ; /* Dummy definition to overcome IE bug */ }

	img{border:0;}


/*----------BackGround--------------------------------------------------------*/
	/*
	#bg_grid {
	position:fixed; 
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url(index_img/grid.png) repeat;	
	z-index:1;
	}
	*/
	
/*----------TOP & Logo / MENU--------------------------------------------------------*/
	

    #top_container {
	border:solid red 0px;
	background: white;
    width: 100%; 
    height: 110px;
	position: fixed; top:0px; left:0px;
	z-index:1000;
    }
	
	#logo_container {
	border: solid pink 0px;
	position:absolute;
	top:13px; left:5%;
	z-index:5;
	}
	
	#logo {
	height:54px;
	position: absolute; top:0px; left:0;
	z-index:5;
	}
	
	#sns_container {
	border: solid orange 0px;
	position:absolute; 
	top:10px; right:3%;
	width:96%; 
	height:30px;
	text-align:right;
	z-index:5;
	}
	
	.sns {
	position:relative; top:0px; right:0;
	height:25px;
	margin-right:1.2%;
	z-index:5;
	}
	
	#menu_container {
	position:absolute; top:80px; left:0;
	width:100%;
	height:30px;
	/*background:#001C39;*/
	background:#FFCB04;
	z-index:1;
	vertical-align:middle;
	}
	
	.menu_bar {
	border:solid green 0px;
	position:absolute; top:0;
	width:100%;
	height:30px;
	vertical-align:middle;
	}
	
	.menu_contents_box {
	border:solid blue 0px;
	position:relative; top:2px;
	margin:auto;
	width:100%; 
	text-align:center;
	vertical-align:middle;
	}
    
    .menu_contents a:link, .menu_contents a:visited, .menu_contents a:active { color:white ; text-decoration:none ; }
	.menu_contents a:hover { color:grey ; text-decoration:none ; }
	
	.menu_contents {
	border:solid red 0px;
	position:relative; 
	margin-right:3%;
	text-align:center; 
	vertical-align:middle;
	display:inline-block;  zoom:1; *display:inline;
	color:#fff;
	}
	
	@media screen and (min-width: 1000px ){
		.menu_contents {
			margin-right:7%;
		}
		.sns {
			position:relative; top:0px; right:0;
			height:35px;
			margin-right:15px;
			}
	}

	
/*----------Main Contents--------------------------------------------------------*/

 /* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100% - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
	
	
	#container {
	border:solid blue 0px;
	background-repeat: none;
    width: 100%;  
    position:relative; zoom:1; *position:absolute;
    top: 110px; 
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
    text-align:center;
    z-index:900;
    }
    
	#container_main {
	border:solid orange 0px;
	background-repeat: none;
    width: 80%; 
    position: relative; top:0px;
    margin-left: auto;
    margin-right: auto;
    z-index:900;
	}
	
	.container_free {
	border:solid red 0px;
    position: relative; top:0px;
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
    z-index:900;
	}
	#inline_1 { vertical-align: top; width:calc( 100% - 430px ); zoom:1; *width:100%; }
	#inline_2 { top:90px; background:rgba(255,255,255,0.8); vertical-align: top; width:calc(300px + 25%); zoom:1; *width:100%;}
	#inline_3 { width:410px; vertical-align:top; zoom:1; *display:none;}
	
	@media screen and (max-width: 1000px ){
        .container_free {
        display:block;
        } 
		#inline_1 { width:100%; }
    }
	
	#main_content {
	border: solid blue 0px;
	position: relative; top:10px; left:0px;
	width:100%; height: 100px; 
	/*background: url(index_img/transparent/trans_70.png) repeat;*/
	/*background: transparent;*/
	background:#001C39;
	}
	
	.index_icons_container {
	border:solid red 0px;
	position:relative;
	margin:auto;
	text-align:center;
	}
	
	.index_icons {
	margin:2%;
	height:60px;
	}
	@media screen and (min-width: 1000px ){
		.index_icons {
			margin:2%;
			height:120px;
		}
	}
	
	.ad_01 {
	width: 400px;
	}
	
	@media screen and (min-width: 1000px ){
		.ad_01 {
		width: 500px;
		}
	}
	
	@media screen and (max-width: 500px ){
		.ad_01 {
		width: 100%;
		}
	}
	
	
/*----------Swiper - SLIDES ----------------------------------------------------------*/

.swiper-container {
	width: 100%;
	border:solid red 0px;
	display:block; zoom:1; *display:none;
}
.swiper-wrapper {
	border:solid orange 0px;
	width: 100%;
	height:100%;
}

.swiper-slide {
	border:solid red 0px;
	position:absolute;
	top:0px; left:0px;
	width:100%;
	height:100%;
	text-align: center;
	overflow: hidden;
	
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
    
.slides{
	border:solid blue 0px;
	min-width: 100vw;
	min-height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	background-size:cover;
}

.swiper-contents {
	border:solid red 0px;
	position:absolute;
	top:0px; left:0px;
	width:100%;
	height:100%;
	text-align: center;
	overflow: hidden;
	
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
    
.slides_content_pic {
	border:solid blue 0px;
	max-width: 130vw;
	max-height: 100%;
}

    
    
/*----------CONTENTS ----------------------------------------------------------*/

.back_container {
	border:solid red 0px;
	position:fixed;
	top:0px;
	width:100%;
	height:100%;
	text-align: center;
	overflow: hidden;
	
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      
      z-index:1;
	}
	
.back {
	border:solid blue 0px;
	min-height: 100%;
	min-width: 100%;
	opacity: 0.5;
	vertical-align: middle;
	z-index:1;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	background-size:cover;
}


.curri_container {
	border:solid pink 0px;
    position: relative; top:0px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    vertical-align:top;
    z-index:900;
}
#curriculum1 {
	border:solid red 0px;
	width:43%; zoom:1; *width:100%;
	margin-right:20px;
	text-align:left;
	vertical-align:top;
}
#curriculum2 {
	border:solid red 0px;
	width:53%; zoom:1; *width:100%;
	text-align:left;
	vertical-align:top;
}

.program_schedule {
	position:relative;
	width:100%
}

.program_container {
	border:solid green 0px;
    position: relative; top:0px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    text-align:left;
    z-index:900;
}

#program {
	border:solid red 0px;
	width:43%; zoom:1; *width:100%;
	text-align:left;
	vertical-align: top;
}	
#program_schedule {
	border:solid #FFD44D 1px;
	width:55%; zoom:1; *width:100%;
	max-width:1000px;
	vertical-align: top;
}
#program_two {
	border:solid #FFD44D 0px;
	width:45%; zoom:1; *width:100%;
	max-width:1000px;
	vertical-align: top;
	margin-left: 90px;
}

@media screen and (max-width: 1000px ){
        .container_free {
        display:block;
        } 
        #program_schedule {
		width:100%;
		}
		#program {
		text-align:center;
		width:100%;
		}
		#program_two {
		text-align:center;
		margin-left: 0px;
		width:100%;
		}
		#curriculum1 { text-align:center; width:100%; }
		#curriculum2 { text-align:center; width:100%; }
    }
    
    
#info_box_container {
	border:solid red 0px; 
	position:relative; 
	top:0px;
	height:auto;
    margin-left: auto;
    margin-right: auto;
    /*text-align:center;*/
    z-index:10;
}

.info_content_box {
	border:solid #DDDDDD 1px;
	position:relative;
	vertical-align: top;
	text-align: center;
	background:rgba(240,240,240,0.8);
	border-radius: 3px;
	/*height:20%;*/
	margin:5px;
	padding:10px;
	display:inline-block; zoom:1; *display:inline;
}

@media screen and (max-width: 1000px){
        .info_content_box {
        display:block;
        } 
    }
    
.info_content_pic {
	border:solid red 0px; 
	position:relative; 
	display:inline-block;
	vertical-align: middle;
}

.info_content_txt {
	border:solid red 0px; 
	position:relative; 
	display:inline-block;
	vertical-align: middle;
	padding:14px;
}
    
    
#naver_reserve {
	display:none; zoom:1; *display:block;
	margin-bottom:300px;
}    


#map_container {
	border:solid red 0px;
	position:relative;
	top:0px; left:0px; width:100%; height:65%;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
}

#map {
	border:solid red 0px;
	z-index:2;
}
#map2 {
	border:solid red 0px;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	text-align: center;
	vertical-align:middle;
	overflow: hidden;
	
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      
      z-index:1;
}
#map_pic {
	border:solid blue 0px;
	min-width: 100vw;
	min-height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	background-size:cover;
	
	z-index:1;
}
/*
#map2 {
	border:solid blue 0px;
	position:absolute;
	top:0px; left:0px; 
	height:99%; width:99%;
	margin:auto;
	text-align:center;
	vertical-align:middle;
}
#map_pic {
	border:solid red 0px;
	position:relative;
	display:block;
	margin:auto;
	vertical-align:middle;
	text-align:center;
}
*/
/*
#map {
	display:block; zoom:1; *display:none;
}
#map2 {
	display:none; zoom:1; *display:block;
}
  */
	

/*---------Footer------------------------------------------------------------*/	
	
	#footer {
	width:100%;
	position: relative; top:0px;
	margin:auto;
    background:#FFCB04;
    z-index:1000;
    text-align:center;
	}
	
	.foot {
	font-size:10px;
	border:solid red 0px;
	position: relative; top:0px;
	padding-top:10px;
	padding-bottom:20px;
	margin:auto;
	width:80%;
	text-align:left;
    color: #001C39;
	}
	
	.foot_info {
	font-size:11px;
	text-align:left; 
	border:solid blue 0px; 
	width:180px;; 
	height:70px;
	padding-left:1.5%;
	margin-right:1%; 
	margin-bottom:30px;
	border-left:solid #fff 2px;
	display:inline-block; zoom:1; *display:inline;
	}
	
	#phone_call {
	border:solid grey 0px;
	width:100%; height:80px; 
	position:fixed; bottom:0px; left:0px;
	background:#FFCB04;
    z-index:2000;
	}
	
	#phone_call_icon {
	border:solid black 0px;
	width:80%; height:60px;
	position:absolute; top:10px; bottom:10px; 
	margin-left:10%;
	margin-right:10%;
	}
	
	#phone_call_text {
	border:solid black 0px;
	width:80%; height:40px;
	position:absolute; top:20px; bottom:20px; 
	margin-left:10%;
	margin-right:10%;
	font-size:24px; color:white; 
	}

/*---------FONTS------------------------------------------------------------*/	

.menu_font {
	font-size:14px;
	font-family: 'Nanum Gothic-bold', sans-serif;
	line-height: 160%;
}

.index_title {
	font-family: 'Nanum Myeongjo-regular', serif;
	font-weight:500;
	line-height: 150%;
	font-size:34px; 
	color:#FFCB04; 
}

.program_title {
	font-family: 'Nanum Myeongjo-regular', serif;
	font-weight:800;
	line-height:150%; 
	font-size:36px; 
	color:#FFCB04; 
	text-align:left;
}


.contact_link a:link, .contact_link a:visited, .contact_link a:active { color:#001C39; text-decoration:none ; }
.contact_link a:hover { color:#FFCB04; text-decoration:none ; }
	
.contact_link {
	font-family: 'Nanum Gothic-regular', sans-serif;
	line-height: 180%; 
	font-size:19px; 
}


.upper-text {
	font-family: 'Nanum Gothic-regular', sans-serif;
	vertical-align:super; 
	font-size:5px; 
}

.gothic-regular_s {
	font-family: 'Nanum Gothic-regular', sans-serif;
	line-height: 180%; 
	font-size:18px; 
}
.gothic-regular_m {
	font-family: 'Nanum Gothic-regular', sans-serif;
	line-height: 180%; 
	font-size:24px; 
}

.gothic-bold_m {
	font-family: 'Nanum Gothic-bold', sans-serif;
	line-height: 180%; 
	font-size:28px; 
}



@media screen and (max-width: 1000px ){
	.index_title { font-size:19px; }
	.program_title { font-size:28px; text-align:center; }
	.contact_link { font-size:15px; }
	
	.gothic-regular_s {
	font-size:13px; 
	}
	.gothic-regular_m {
	font-size:15px; 
	}
	.gothic-bold_m {
	font-size:18px; 
	}
}


.gothic-regular{
	font-family: 'Nanum Gothic-regular', sans-serif;
	line-height: 160%;
}

.gothic-bold{
	font-family: 'Nanum Gothic-bold', sans-serif;
	line-height: 160%;
}
.gothic-extrabold{
	font-family: 'Nanum Gothic-extrabold', sans-serif;
	line-height: 160%;
}


.myeongjo-regular{
	font-family: 'Nanum Myeongjo-regular', serif;
	line-height: 160%;
}
.myeongjo-bold{
	font-family: 'Nanum Myeongjo-bold', serif;
	line-height: 160%;
}
.myeongjo-extrabold{
	font-family: 'Nanum Myeongjo-extrabold', serif;
	line-height: 160%;
}