@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
	font-family: 'NanumSquareR';
	src: url('../fonts/NanumSquareR.eot');
	src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumSquareR.woff') format('woff'),url('../fonts/NanumSquareR.ttf') format('truetype');
	src: local('?'),url('../fonts/NanumSquareR.woff') format('woff')
}
@font-face {
	font-family: 'NanumSquareB';
	src: url('../fonts/NanumSquareB.eot');
	src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumSquareB.woff') format('woff'),url('../fonts/NanumSquareB.ttf') format('truetype');
	src: local('?'),url('../fonts/NanumSquareB.woff') format('woff')
}

body {
    font-family: 'Roboto', Verdana, 'NanumSquareR';
    font-size: 16px; /* 1em */
    font-style: normal;
    color: #555555;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
a:focus, a:hover {
    text-decoration: none;
}

/*---------------------------------------
    상단 이미지               
-----------------------------------------*/
#sub-visual {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    height: 280px;    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
     align-items: center;        
}
#sub-visual img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#sub-visual .sub-visual-thumb {
    text-align: center;
}
#sub-visual h1 {
    font-size: 42px;
    color: #fff;
}
#sub-visual p {
    font-size: 23px;
    letter-spacing: -.5px;
}

/*---------------------------------------
    서브 타이틀               
-----------------------------------------*/
#title {
	display: inline;
    float: left;
    padding: 50px 0 50px 0;
    width: 100%;
}
.title-area {
    text-align: center;
    width: 100%;
}
.title-area h1 {
    color: #333333;	
  	font-size: 40px;
  	font-family: 'NanumSquareR';
    font-weight: 400;
    line-height: 35px;
}
.title-area p {
    color: #333333;
    font-size: 22px;
    line-height: 28px;
    margin-top: 2px;
}

/*---------------------------------------
    footer               
-----------------------------------------*/
#fooer {
    background: #4c5459;
}
.top-footer {
    background: #383f43;
    padding: 15px 0;
}
.top-footer-left {
    padding-top: 8px;
}
.top-footer-left a {
    font-size: 0.93em;
    color: #fff;
}
.top-footer-left a.b {
    font-family: 'NanumSquareB';
}
.top-footer-left a:hover {
    color: #d3d3d3;
}
.top-footer-left span {
    font-size: 0.65em;
    color: #70767a;
    padding: 0 5px;
    vertical-align: middle;
}
.top-footer-right {
    text-align: right;
}
.top-footer-right a {
    position: relative;
    display: inline-block;
    background-color: #2a3033;	
    font-size: 1.5em;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;	
	margin-left: 7px;	
	text-align: center;	
}
.top-footer-right a i {
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 10;
    text-align: center;
}
@media screen and (max-width:768px) {
    .top-footer-right {
        padding: 12px 0 5px 0;
    }
	.top-footer, .top-footer-right {
		text-align: center;
	}
}

/* 하단 카피라이터(로고/주소 etc..) */
.copyright {
    text-align: center;
    padding: 2.2em 0 1.5em 0;
}
.copyright img {
    padding: 0 0 1.5em 0;
}
.copyright p {
    font-size: 0.95em;
    color: White;
}
.copyright p small {
    font-size: 0.7em;
    color: #70767a;
    vertical-align: middle;
    padding: 0 10px;
}
.copyright span {
	display: block;
	margin-bottom: 7px;
}
.copyright span a {
	color: rgb(255,255,255);
}
.copyright span a:hover {
	text-decoration: underline;
}

/* Back top(맨위로) */
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.603);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 15px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(0, 0, 0, 0.7);
}



#fooer
{background:#404040;}
#fooer .copyright
{padding:50px 0px;}
#fooer .container
{text-align:left;}
#fooer .footer_box 
{float:right;position:relative;top:15px;}
#fooer .footer_box a
{border:1px solid #757575; padding:10px 40px; color:#a3a3a3; font-family:'NanumSquareR'; display : block; margin-bottom:8px;}
#fooer .footer_box a:hover
{background:#7f280b; border:1px solid #757575; color:white;}
.copyright p
{color:#a3a3a3;}
.copyright p > a
{color:#8b8b8b;}