@charset "utf-8"; 

/* reset
----------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; vertical-align:baseline;
	border:0; outline:0; background:transparent; 
	font-size:100%; *text-align:left; 
}
html {
	min-height:100%; 
}
body {
	min-height:100%; 
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0; padding:0; vertical-align:baseline;
	background:transparent;
	font-size:100%;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000000; text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000000; font-style:italic; font-weight:bold;
}
del {
	text-decoration:line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse; border-spacing:0;
}

hr {
	display:block; margin:1em 0; padding:0; height:1px; 
	border:0; border-top:1px solid #cccccc;
}
input, select {
	vertical-align:middle;
}

[data-fadedelay] { 
	opacity:0; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100); 
	-webkit-transition:opacity .50s ease-in-out 0s;
	transition:opacity .50s ease-in-out 0s;
}

.no-js [data-fadedelay],
[data-fadedelay="go"]{ opacity:1;}


/* default
----------------------------- */
html, body{
	background:#ffffff; }
body {
	margin:0; padding:0px 0px 0px 0px; 
	line-height:1.5 !important; }

body,
a, p, div, span, 
button,
input,
select,
textarea { 
	color:#333333; font-size:13px; font-weight:400; line-height:1.7; 
	font-family:'Apple SD Gothic Neo','애플 SD 고딕 Neo','Malgun Gothic','맑은 고딕','NanumBarunGothic','나눔바른고딕','NanumGothic','나눔고딕',sans-serif;
	font-family:'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif; }

a { 
	color:#016fd1; text-decoration:none; 
	transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; 
	-o-transition:0.5s all; -ms-transition:0.5s all; }
a:focus { 
	outline:thin dotted; text-decoration:none; }
a:hover,
a:active { 
	color:#af1d71; outline:0; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { 
	color:#212121; font-weight:600; }
h1 { font-size:22px; line-height:1.3846153846; }
h2 { font-size:20px; line-height:1; }
h3 { font-size:18px; line-height:1.0909090909; }
h4 { font-size:16px; line-height:1.2; }
h5 { font-size:14px; line-height:1.3333333333; }
h6 { font-size:13px; line-height:1.5; }

ol {
	-webkit-padding-start:20px; }


/* - */
.display-none {
	display:none; }
.skip { 
	margin:0; }
.skip > a { 
	display:block; text-align:center; line-height:28px; height:1px; overflow:hidden; }
.skip > a:focus { 
	height:auto; }

/* margin */
.marginAuto{
	margin-left:auto; margin-right:auto; }
.mBottom10{
	margin-bottom:10px; }
.mBottom20{
	margin-bottom:20px; }
.mBottom30{
	margin-bottom:30px; }
.mBottom40{
	margin-bottom:40px; }
.mBottom50{
	margin-bottom:50px; }
.mBottom60{
	margin-bottom:50px; }
@media (max-width:767px) {	
	.mBottom10s {	
		margin-bottom:10px; } 
}

/* header 
----------------------------- */
.navbar-fixed-top {
	border-bottom-width:0; }

.header-top { 
	background:#EF4223; }
.navbar-brand { 
	height:90px; padding:12px 15px 12px 0px; }
.navbar-default {
	background-color:#f8f8f8; border-color:#e7e7e7; }
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ffffff; }

#header {
	background:#EF4223; box-shadow:0 2px 3px rgba(0,0,0,.2); }
#header .navbar-brand {
	padding:15px; color:#ffffff; }
#header #navbar .navbar-nav > li:first-child {
	display:block; }

.header-bottom { 
	display:block; background:#ffffff; }

.header-info i {
	float:left; padding:0.4em .4em 0.4em 0em;
	color:#333333; font-size:28px; vertical-align:middle; }
.header-info .contact {
	float:left; }
.header-info .contact p {
	display:block; margin:0px 0px 8px; 
	color:#333333; font-size:19px; }
.header-info .contact span {
	color:#333333; font-size:14px; }
.header-info .contact a {
	color:#333333; font-size:14px; }

/*
.header {
	position:relative; z-index:2; zoom:1; margin:0 0 0px 0; }
.header > .container > .side {
	*position:absolute; z-index:2; *right:0; *bottom:57px; zoom:1; 
	float:left; margin:29px 0; width:70%; }
*/

#fo_login_widget {
	*display:none; }


.header_logo { 
	position:absolute; top:25px; left:0px; z-index:100; }

/* login */
.account {
	*margin-right:15px !important; }

/* search */
.header .search {
	margin:0; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.header .search > input {
	font-size:12px; vertical-align:top; border-radius:2px; }
.header .search > input[type="text"] {
	margin:0px -6px 0px 0px; padding:0px 4px 0px 4px; width:126px; height:21px; line-height:21px; 
	background:#e5e6e8; border:1px solid #dedede; }
.header .search > input[type="submit"] {
	margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; height:23px; line-height:23px;  
	background:#484d51; border:1px solid #272b30; box-shadow:0 1px 0 #6d7174 inset; 
	color:#ffffff; cursor:pointer; }


/* body 
-----------------------------*/
.body {
	position:relative; z-index:1; }
.content {
	padding:0px 0 0px 0; zoom:1; }
.content > *:first-child {
	margin-top:0; }
.content img {
	max-width:100%; height:auto; }

.body.sub .side { 
	float:left; width:22%; margin:0px 0px 0px 0px; }
.body.sub .content { 
	float:right; width:76%; }

/* breadcrumbs */
.breadcrumbs { 
	display:block; list-style:none; width:100%; margin:0px 0px 12px; padding:0px 0px; 
	border-bottom:1px solid #c9c9c9; overflow:hidden; }
.breadcrumbs .page_title { 
	display:block; float:left; margin-top:0px; padding-left:26px; 
	color:#3a3a3a; font-size:22px; font-weight:600; line-height:1.6; 
	background:url('../images/breadcrumbs.png') no-repeat 0 8px; }
.breadcrumbs ul { 
	float:right; margin-top:10px; list-style:none; }
.breadcrumbs li { 
	float:left; padding-left:14px; 
	color:#3a3a3a; font-size:11px; 
	background:url('../images/breadcrumbs_li.png') no-repeat 1px 4px; }
.breadcrumbs li:first-child { 
	background:url('../images/breadcrumbs_li_first.png') no-repeat 1px 4px; }


/* footer 
-----------------------------*/
.footer {
	margin:0px 0px 0px 0px; 
	background:#EF4223; border-top:1px solid #f4f4f4; }
.footer-top {
	padding:4em 0 2em;	background:#1B1B1B; color:#ffffff; display:none; }
.footer-body {
	padding:4em 0 2em; background:#1B1B1B; }
.footer-bottom {
	padding:20px 0px; background:#ef3928; color:#ffffff; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,  
.footer span, .footer p, .footer div {
	color:#ffffff; }
.footer span, .footer p, .footer div {
	font-size:12px;  }
.footer a {
	color:#ffffff; text-decoration:none; }
.footer a:hover,
.footer a:focus {
	*text-decoration:underline; }

.footer-info i {
	padding:0.4em .4em 0.4em 0em;
	color:#fae20d; font-size:28px; vertical-align:middle; }
.footer-info .contact p {
	display:block; margin:0px 0px 8px; 
	color:#EF4223; font-size:19px; }
.footer-info .contact span {
	color:#ffffff; font-size:14px; }
.footer-info .contact a {
	color:#ffffff; font-size:14px; }

.footer .copyright {
	color:#ffffff; letter-spacing:2px; font-size:16px; }
.footer .copyright a {
	color:#fae20d; font-size:16px; }
.footer .copyright a:hover {
	color:#ffffff; }

/*  
----------------------------- */
/* button */
input[type="button"],input[type="submit"]{
	transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;
	-o-transition:0.5s all; -ms-transition:0.5s all;
}
.btn-primary, 
.btn-primary:active {
	background:#EF4223; border-color:#EF4223; }
.btn-primary:hover,
.btn-primary:focus { 
	background:#333333; border-color:#333333; }


/* video */
.video-responsive {
	overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-responsive iframe {
	left:0; top:0; height:100%; width:100%; position:absolute; }


/* Scroll to top link */
.btn_top {
	display:none; position:fixed; right:0; bottom:57px; z-index:1000; 
	width:48px; height:48px;
	font-size:24px; color:#fff; text-align:center; 
	background-color:#555; opacity:0.8; filter:alpha(opacity=80); }
.btn_top:hover {
	background-color:#cda25a; 
	color:#fff; text-decoration:none; 
	opacity:1; filter:alpha(opacity=100); }
.btn_top i {
	line-height:48px; }
.btn_top .blind {
	color:#fff; }
@media (max-width:767px) {	
	a.btn_top {
		display: none; }
}

/* */
.blind {
	overflow:hidden; position:absolute; 
	top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; }

/* after 
----------------------------- */
.header:after, 
.header .header_container:after, 
.header2:after, 
.header2 .header2_container:after, 
.header-bottom:after, 
.body:after, 
.section_main:after, 
.section_main .section_main_container:after, 
.footer:after, 
.footer .footer_container:after, 
.footer2:after, 
.footer2 .footer2_container:after { 
	content:""; display:block; clear:both; }