@charset "euc-kr";

/* Titillium Web */

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url(/catalog/font/TitilliumWeb-ExtraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url(/catalog/font/TitilliumWeb-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url(/catalog/font/TitilliumWeb-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url(/catalog/font/TitilliumWeb-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url(/catalog/font/TitilliumWeb-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url(/catalog/font/TitilliumWeb-Black.ttf) format('truetype');
}

/* Noto Sans KR (korean) */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/catalog/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(/catalog/font/NotoSansKR-Thin.woff) format('woff'),
       url(/catalog/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/catalog/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/catalog/font/NotoSansKR-Light.woff) format('woff'),
       url(/catalog/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/catalog/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/catalog/font/NotoSansKR-Regular.woff) format('woff'),
        url(/catalog/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/catalog/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/catalog/font/NotoSansKR-Medium.woff) format('woff'),
        url(/catalog/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/catalog/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/catalog/font/NotoSansKR-Bold.woff) format('woff'),
        url(/catalog/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/catalog/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/catalog/font/NotoSansKR-Black.woff) format('woff'),
        url(/catalog/font/NotoSansKR-Black.otf) format('opentype');
}

header {
	padding: 20px 0px;	
}

header .logo {
	float: left;
}

header .member-welcome {
	float: right;
}

header .member-welcome > p {
	display: inline-block;
	vertical-align: sub;
	margin: 0px;
}

header .logout {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: #002f56;
	border-radius: 5px;
	margin-left: 30px;
}

.footer1 {
	height: 50px;
	border-bottom: 1px solid #6f7175;		
}

.footer1 ul > li {
	float: left;	
	height: 50px;
}

.footer1 ul > li.line {
	font-size: 5px;	
	line-height: 50px;
	margin: 0px 25px;	
}


.footer1 ul > li > a {
	font-weight: bold;
	line-height: 50px;
}

.footer2 {
	padding: 25px 0px;
}

.footer2 ul {
	float: left;
	width: calc(100% - 150px);
	margin-left: -20px;	
}

.footer2 ul > li {
	float: left;
	padding: 0px 20px;
	margin: 5px 0px;
	border-right: 1px solid #595b60;
}

.footer2 .no-line {
	border-right: none;
}

.footer2 .footer-logo {
	float: right;
	background-color1: #002f56;
}

.footer-logo  img {
	width: 125px;
}

.footer-logo span {
	font-family: 'Titillium Web', sans-serif;
	font-size: 12px;
}