body { font:13px 'PT Sans',sans-serif; }
a { cursor:pointer; text-decoration:none; }
a:focus, a:hover { text-decoration:none; }
#container { 
	text-align:center; 
}

/* 메뉴 */
#menu { max-width:978px; width:100%; display:inline-block; position:relative; }
#menu > span:first-child { float:left; }
#menu > span:last-child { float:right; }
.navbar { border-radius:0; margin:0; }
.navbar-default .navbar-brand { font-size: 24px; }
.navbar-default .navbar-brand:hover { color:#63C6AE; }

.slider_top { height:1px; padding:0; background-color:#63C6AE; }
/*
.slider_bottom { height:1px; padding:0; background-color:#63C6AE; }
.slider_sm_bottom { height:1px; padding:0; background-color:#63C6AE; }*/
#menu .navbar-default .navbar-nav>.open>a, #menu .navbar-default .navbar-nav>.open>a:focus, #menu .navbar-default .navbar-nav>.open>a:hover {
	color: #0a3;
	background-color: #fff;
}
#menu .block.login a { color:#777; }
@media (max-width: 767px) {
	#menu { display:block; text-align:left; }
	#menu .navbar { display:block; }
	#menu > span:last-child { width:100%; }
	#menu > span:first-child { position:absolute; top:0; left:15px; z-index:1; }
}


/* 메인 */
#main { text-align:center; }
#main > .content {
	max-width:978px; width:100%; 
	display: inline-block;
}
#main section > .content {
	max-width:978px; width:100%; 
	padding:30px 10px 20px;
	text-align:left;
	display: inline-block; 
}

#main #training_program, #main #how_to_use {
	background-color:#f9fafc;
}

#how_to_use .box-col-3 {
	width:30.29%;
	margin:20px 0 10px 3%;
	float:left;
}
#how_to_use .guide-panel {
	margin-left:-2.99%;
}

@media (max-width: 767px) {
	#how_to_use  .box-col-3 {
		width:46.99%;
	}
}
@media (max-width: 479px) {
	#how_to_use  .box-col-3 {
		width:96.99%;
	}
}

/* main-서브페이지 */
#container > .block.only_image { 
	height:150px; 
	position: relative;
	overflow: hidden;
}
#container > .block.only_image img { 
	position: absolute;
	left:50%; top:0;
	transform: translateX(-50%);
}


#main .content .breadcrumb { margin-bottom:0; text-align:left; }
#main .content.left_blog .left {
	width: 24.99%;
	margin-right:3%;
	float:left;
	text-align:left;
}
#main .content.left_blog .right {
	width: 72%;
	float:right;
}

@media (max-width: 767px) {
	#main .content.left_blog .left {
		width:39.99%;
	}
	#main .content.left_blog .right {
		width:52%;
	}
}
@media (max-width: 479px) {
	#main .content.left_blog .left {
		width:90%;
		margin:0 5% 0;
	}
	#main .content.left_blog .right {
		width:90%;
		margin:0 5% 0;
	}
}


/* contact */
#map-block .map {
	height:500px;
}

section.inquiry { margin-left:8px; margin-right:8px; }
section.inquiry .inquiryform { float:right; width:48%; text-align:left; }
section.inquiry .inquiryform:first-child { float:left; }
section.inquiry .inquiryform .form-row { margin:0; display:table; width:100%; padding:8px 0; border-bottom:1px solid #ccc; }
section.inquiry .inquiryform .form-row.no-border { border-bottom:0; }
section.inquiry .inquiryform .form-row > label { margin:0; display:table-cell; width:30%; vertical-align:middle;}
section.inquiry .inquiryform .form-row > div { margin:0; display:table-cell; width:70%; }
section.inquiry { padding:60px 0; }
section.inquiry h2 { margin-bottom:30px; text-align:center; }
@media (max-width: 767px) {
	section.inquiry .inquiryform { float:none; width:100%; }
}



/* footer */
#footer {
	background-color: #262626;
    color: #888;
}
#footer > div {
	display:table;
	max-width:978px;
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
#footer > div > div {
	display:table-cell;
	width:33%;
	padding:20px;
	border-right:1px solid #333;
}
#footer > div > div:last-child {
	border-right:0;
}

#footer .block.two_line p { margin:0; }
#footer .block.two_line .title {
	font-size: 19px;
    text-transform: uppercase;
    line-height: 24px;
    color: #ccc;
    font-weight: bold;
    text-align:left;
}
#footer .block.two_line .content {
	font-size: 13px;
	text-transform: none;
	line-height: 20px;
	color: #888;
	font-weight: normal;
	padding-top: 15px;
	text-align:left;
}

#footer #footer_sns .content > span {
	width: 44px;
    height: 44px;
    line-height: 55px;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
}

#footer #footer_campus .block.two_line .content img {
	width:100%;
	max-width:294px;
}

@media (max-width: 479px) {
	#footer > div > div {
		display:block;
		width:100%;
	}

}