@charset "utf-8";
/* CSS Document */

/*  fonts  */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-Regular.woff2') format('woff2');
		url('../font/NanumGothic-Regular.woff') format('woff');
		url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-Bold.woff2') format('woff2');
		url('../font/NanumGothic-Bold.woff') format('woff');
		url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype');
		url('../font/NanumGothic-ExtraBold.woff2') format('woff2');
		url('../font/NanumGothic-ExtraBold.woff') format('woff');
		url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}


/*  Reset CSS  */

* { margin:0; padding:0; border:0; outline:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:middle; }
a { text-decoration:none; color:#666;cursor:pointer;vertical-align:middle;  }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle;}
input[type="text"], input[type="number"], input[type="password"], textarea{-webkit-appearance:none;}
body { font-size:14px; line-height:1.2; letter-spacing:-.5px;}
label { cursor:pointer; }
.blind, legend, caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i, em, address { font-style:normal; font-weight:normal; }

table {word-wrap:break-word;word-break:break-all;font-size: 1.4rem;}


/* 전체 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 62.5%; /* 1.0rem ≒ 10px */
	font-weight: 400;
	min-width: 320px;
}

/* 폰트스타일 */

* {
	font-family: 'Nanum Gothic', sans-serif, Dotum, arial;
	color: #000000;
	line-height: 1.5;
}

h1 {
  font-size: 3.0rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8;
}

.font_r {
  font-weight: 700;
}

.font_b {
  font-weight: 800;
}
.blue{color: #3a51a3;vertical-align: initial;}

/* POSITIONING */

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text_justify {
  text-align: justify;
}

.left{float: left !important;}
.right{float: right !important;}
.clear{clear: both !important;}


/* header */
#luxbar{background: rgba(255,255,255,0.8);padding: 0;width: 100%;display: inline-block;border-bottom: 1px solid #b2b3b6;}
#luxbar .back{margin-left: 10px;float: left;padding-right: 10px;}/*로고를 중앙에 놓게 우측패딩 추가*/
/* .luxbar-header{width: 100%; margin: 0 auto;} */
#luxbar h1{text-indent: -9999px;/* background: url(../images/logo.png)  no-repeat; *//* width: 174px; */ height: 41px;float: left;margin:0px 0 0 10px;position: relative;z-index: 100;}
#luxbar h1 a img{height: 100%;display: block;}
/* #luxbar h1.sub{margin: 0 auto;float: none;} */


/* nav */
nav.nav{background: #f8f8f8;border-bottom: 1px solid #006376;margin-top: 59px;}
nav.nav ul{width: 100%; margin: 0 auto;height: 42px;list-style-type: none;padding: 0;overflow: hidden;}
nav.nav ul li{line-height: 42px; vertical-align: middle;font-size: 1.3rem;text-align: center;float: left;padding: 0; /* width: 33.33%; */width: 25%;}/* nav-li 4개 메뉴 */
nav.nav ul li:hover, nav.nav ul li:hover a, nav.nav ul li a:hover, nav ul li.on, nav.nav ul li.on a{background: #006376;color: #ffffff;font-weight: 700;}
nav.nav li a.back{color: #ffffff;}
nav.nav li a,nav.nav li .dropbtn {display: inline-block;text-decoration: none;line-height: 42px;}


/*footer*/
footer.main{margin-top: 0;}
footer{background: #000000;width: 100%;padding: 15px 0; text-align: center;background: linear-gradient(#d8d8d8, #efefef, #fff 90%);background: #00000080;background: linear-gradient(0deg, #000000cc, #00000080, #00000080);}
footer p{color: #ffffff;line-height: 120%;font-size: 1.2rem;color:#707474;color: #ccc;}
footer p span{font-weight:bold;color:#fff;line-height: 120%;vertical-align: top;}


/*190718 nav-li 4개 메뉴일 때 디바이스 350px 이하에서 자간조절
@media (max-width:350px) {
	nav.nav li a, nav.nav li .dropbtn{
		letter-spacing: -2px;
	}
}*/