@charset "utf-8";

@import url("css/bootstrap.css");
/*
@import url("css/bootstrap-responsive.min.css");
*/

h1, h2 {
	color:#FFF;
}
.footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
}
body * {
	/* font-family: 'Lato', sans-serif; */
	font-family:"나눔고딕","NanumGothic","NanumGothicOTF", "맑은고딕", "Malgun Gothic", "굴림", gulim, "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", sans-serif;	
}
h1,h2,h3,h4,h5,h6,p {
	font-weight:bold;
	color:#444;
	line-height:150%;
}
p {
	font-weight:normal;
	color:#444;
	line-height:160%;
}
h1 {
	padding-top:5px;
	padding-bottom:10px;
}
h2 {
	padding-top:5px;
	padding-bottom:10px;
}
h3 {
	padding-top:5px;
	padding-bottom:10px;
}
p {
	font-size:14px;
	line-height:180%;
	padding-bottom:10px;
}
p a {
	color:#444;
	text-decoration:underline;
}
p a:hover {
	color:#444;
	text-decoration:none;
}
p a.btn {
	text-decoration:none !important;
}
strong {
	color:#1a52bd;
	text-decoration:underline;
}
blockquote {
	margin: 1em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1; 
}
	
blockquote p {
	margin: 0; 
}

.wrap940 {
	width:940px; 
	margin:0 auto;
}

/* colors */

/*
h1 {color:#FFFFFF;}
h2 {color:#FFFFFF;}
h3 {color:#FFFFFF;}
h4 {color:#FFFFFF;}
h5 {color:#FFFFFF;}
h6 {color:#FFFFFF;}
p {color:#FFFFFF;}
*/

/* ================================================================================= */

/*
@media (min-width: 979px) {
*/
	header {
	}
	
	header .topline { position:absolute; right:10px; height:30px; margin:10px; }
	header .topline .menutops {padding:3px 0 0px 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;}
	header .topline .menutops a {font-family:gulim;font-size:11px;letter-spacing:-1px;outline:none;}
	header .topline .menutops a:hover {text-decoration:underline;}
	header .topline .menutops img {margin-bottom:-3px;}
	header .topline .menutops .admin {font-size:11px;font-family:dotum;font-weight:bold;color:#FA5800;}
	
	.navbar-inner {
		background-color:white;
		background-image:none;
		height:100px; 
		padding-top:25px;
		box-shadow:none; 
		filter:(progid:DXImageTransform.Microsoft.gradient(startColorstr='#6666cc', endColorstr='#6666cc', GradientType=0));
	}

	.navbar-fixed-top {
		position:fixed;
	}

	#taeulju_nav {
		float:left;
	}

	#taeulju_nav li {
		float:left;
		color:transparent;
		
		padding-left:10px;
		padding-right:10px;
		list-style:none;
		font-size:16px;
		
		margin-top:40px;
		height:50px;
		min-width:100px;
		
		text-align:center;
	}

	#taeulju_nav li:first-child {
		margin-top:0;
	}

	#taeulju_nav li a {
		color:gray;
		background-color:transparent;
		text-decoration:none;
		color:#3c3c3c;	
	}
	
	#taeulju_nav li.on {
		x-background-image: url(image/taeulju_nav_arrow_1.png); 
		x-background-position: 50% 100%; 
		x-background-repeat: no-repeat no-repeat; 
	}

	#taeulju_nav .sub_menu {
		display:none;
	}
	
	#taeulju_nav li.active a  {
		font-weight:bold; 
	}

	#main_taeulju_fg {
		opacity:0.0;
		filter:alpha(opacity=00); /* For IE8 and earlier */
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#taeulju_nav_m {
		display:none; 
	}

/*
} 
*/

@media (max-width: 979px) {
	.navbar-fixed-top {
		position:fixed;
	}
	#taeulju_nav {
		display:none;
	}	
	.navbar-inner {
		height:auto;
		background-color: #6666cc;
		background-image: none;
		filter:(progid:DXImageTransform.Microsoft.gradient(startColorstr='#6666cc', endColorstr='#6666cc', GradientType=0));
	}

	.navbar .nav > li {
		background-color:none;
	}
	
	.navbar .nav > li > a {
		color: #ffffff;
		text-decoration: none;
		text-shadow: none;
	}
	
	.navbar .nav > li > a:hover {
		color: #ffffff;
		text-decoration: none;
		text-shadow: none;
	}
	
	#taeulju_nav_m {
		display:block; 
	}
	
	#taeulju_nav_m a:hover {
		color: #ffcc00;
		text-shadow: none;
		background-color: #6666cc;
	}
	
	.navbar .nav .active > a, .navbar .nav .active > a:hover {
		color: #ffcc00;
		text-decoration: none;
		background-color: #6666cc;
	}

}

@media (max-width: 480px) {
}


/* ----------------------------------------------------------- */

.subbox {
	float:right;
}

.subbox .location {
	display:none;
}

/* ----------------------------------------------------------- */

.sub_title {
	font-size:30px;
	color:#999999;
	list-style:none;
	line-height:200%;
	margin-bottom:50px;
	x-font-family:batang;
}

.sub_navi, .sub_content {
	margin-top:30px; 
}

.sub_navi {
	background:url(image/taeulju_bg.png) right 200px no-repeat; 
	min-height:1000px;
}

.sub_content p {
	font-size:16px;
	line-height:160%;
	text-align:justify;
}

/*
.sub_navi li {
	color:gray;
	background-color:white;
	text-decoration:none;
	color:#3c3c3c;
	list-style:none;
	font-size:15px;
}

.sub_navi li a {
	color:gray;
}
*/	

.container-fluid {
	padding:0;
}

.section_top {
	height:125px;
}

.section_top2 {
	height:125px;
	border-bottom:solid #aaa 1px; 
}

#cp-content {
	margin-top:100px;
}

/* ----------------------------------------------------------- */


/* footer */
.footer {
	
}

.footer p {font-size:11pt;}

.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, footer h6 {
	color:#aaa;
}

/* elements */
span.rnd {
	font-size: 14px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	width: 44px;
	height: 44px;
	text-indent: 8px;
	line-height: 44px;
	position: absolute;
	margin-top: 8px;
	margin-left: 2px;
	font-weight: normal;
	text-transform: lowercase;
	font-weight:800;
	font-style: italic;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.075);
	-webkit-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.075);
	-moz-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.075);
}

.story {
	margin: 0 auto;
	margin-top:-3px;
}


.main-bg { 
	background:url('image/main_bg.jpg') no-repeat center;
}

#intro {
	min-height: 1300px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

#first {
	min-height: 1300px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

#second {
	min-height: 1000px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

#third {
	min-height: 600px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

#fourth {
	min-height: 1000px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

#fifth {
	min-height: 1000px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}

/* --------------------------------------------------------------------- */

.sub_navi .tabs-left .nav-tabs > li > a {
	font-size:18px; 
	color:#444;
	line-height:130%;
}

.sub_navi .tabs-left .nav-tabs > li.active > a {
	font-weight:bold;
	color:#010101;	
}

.sub_navi .tabs-left .nav-tabs ul {
	list-style:none;
	display:none;
}

.sub_navi .tabs-left .nav-tabs ul.open {
	display:block;
}

.sub_navi .tabs-left .nav-tabs ul.open a {
	font-size:14px;
	line-height:160%;
}

.sub_navi .tabs-left .nav-tabs ul.open a.on {
	font-weight:bold;
}


.tabs-left .nav-tabs {
  border-right: transparent;
}

.tabs-left .nav-tabs > li > a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tabs-left .nav-tabs > a, .tabs-left .nav-tabs > a:hover {
  border-color: transparent;
}
.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd #ddd;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
  background-color:#eee;
}


/* --------------------------------------------------------------------- */

ul.paging li {
	list-style:none; 
	margin-left:0;
}

.simplePagerNav {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
	font-size:20px;
	float:right;
}

ul.simplePagerNav li {
	display:block;
	float: left;
	padding: 7px;
	width:20px;
	margin-bottom: 10px;
	font-family: georgia;
	text-align:center;
}

ul.simplePagerNav li a {
    color: #333;
    text-decoration: none;
}

li.currentPage {
	background: #83bd63;
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
}


/* objects */

/* 
you can add floating object in to design :

<div class="bg"></div>
<div class="bg2"></div>

note : this will break bootstrap fluid and responsive.css
*/

.bg {
	background: url(../assets/objects.png) top left no-repeat fixed;
	height: 1200px;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	left:0px;
	width: 800px;
	z-index: 1;
	overflow:hidden;
}
.bg2 {
	background: url(../assets/objects2.png) top left no-repeat fixed;
	height: 1400px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left:-5px;
	width: 1200px;
	z-index: 1;
	overflow:hidden;
	top: 1379px;
}


/* --------------------------------------------------------------------- 
   Third
*/

#exroom_wrap { 
	width:0 auto; 
	background:url('image/tape_bg2.jpg') ;
}
#exroom_top { 
}
#exroom_center { 
	position:relative;
	x-background:#ffeeee;
	x-min-height:400px;
	padding-bottom:20px;
}
#exroom_center #med_model {
	max-width:512px;
	margin:0 auto;
	padding-top:100px;
}
#exroom_center #med_model img {
	width:100%;
}
#exroom_control { 
	position:relative;
	x-border:solid 1px gray;
	width:700px; 
	margin:0 auto 0px; 
	background:#fff;	
	border-radius:10px;
	padding:10px;
}
#exroom_control .sub_title {
	display:none;
}
#exroom_control #exroom_message_box {
	position:relative;
	x-width:500px; 
	x-margin:0 auto;
	min-height:80px;
}
#exroom_control #exroom_message_box #exroom_message_num {
	width:55px; 
	height:33px; 
	float:left;
	padding-left:100px;
	x-border:solid 1px blue;
	background:url('image/tape_bg2.png');	
	margin-left:-15px;
	margin-right:20px;
	color:#fff;
	font-size:20px;
	padding-top:5px;
}
#exroom_control #exroom_message_box #exroom_message_msg {
	width:480px; 
	x-height:70px; 
	float:left;
	font-size:15px;
	x-border:solid 1px blue;
	padding:5px;
}
#exroom_control #exroom_message_box #exroom_message_msg #exroom_message_msg_inner {
	height:110px;
	line-height:160%;
}
#exroom_control #exroom_message_box #warning {
	display:none;
	clear:both;
}
#exroom_control #exroom_message_box #exroom_progress {
	x-width:400px; 
	margin:10px 0px;
	x-padding:10px;
	min-height:10px;
	clear:both;
}
#exroom_control #exroom_btn {
	x-background:#ffeedd;
	width:400px; 
	margin:30px auto 0px;
	min-height:40px; 
	padding:10px;
}
#exroom_control #exroom_btn #exroom_btn1 {
	width:150px; 
	float:left;
	x-border:solid 1px blue;
	cursor:poiner;
	margin-left:20px;
}
#exroom_control #exroom_btn #exroom_btn2 {
	width:150px; 
	float:left;
	x-border:solid 1px blue;
	cursor:poiner;
	margin-left:20px;
	display:none;
}
#exroom_control #exroom_btn #exroom_btn3 {
	width:150px; 
	float:left;
	x-border:solid 1px blue;
	cursor:poiner;
	margin-left:20px;
}
#exroom_bottom { 
	min-height:20px;
}


/* ----------------------------------------------------------- */

.tabs-left .nav-tabs {
	min-width:200px; 
}

/* ----------------------------------------------------------- */

@media (min-width: 979px) {
	
}

/*
@media (max-width: 979px) {
	.sub_navi {
		background:transparent;
		min-height:100px;
	}
	
	#main_taeulju_fg {
		text-align:right;
		padding:20px;
	}

	.section_top, .section_top2 {
		height: 43px;
	}
	
	#exroom_top {
		height:20px;
	}
	
	#exroom_center {
		display:none; 
	}
	
	#exroom_wrap {
		background:none; 
	}
	
	#exroom_control .sub_title {
		display:block;
	}	
	
	#exroom_control #exroom_message_box #exroom_message_msg #exroom_message_msg_inner {
		height:160px;
	}
}

@media (max-width: 480px) {

	#exroom_center #med_model {
		padding-top: 10px;
	}
	#exroom_control {
		width:95%;
	}
	#exroom_control #exroom_message_box #exroom_message_msg {
		width:98%;
	}
}

*/