@charset "UTF-8";

@font-face {
 font-family: 'NanumSquare';
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}
a.nav.nav1.hasDropdown{
  z-index: 0;
}
a.nav.nav2.hasDropdown{
  z-index: 0;
}
a.nav.nav3.hasDropdown{
  z-index: 0;
}
a.nav.nav4.hasDropdown{
  z-index: 0;
}
a.nav.nav5.hasDropdown{
  z-index: 0;
}

/*기본*/
.centered { display:table; margin-left:auto; margin-right:auto; }

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
em, img, small, strike, strong
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'NanumSquareR';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	opacity: 0;
	transition: opacity 2s;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

HTML {
width : 100%;
height : 100%;
}
BODY {
overflow-x: hidden;
overflow-y: auto;
width : 100%;
height : 100%;
}
.clearfix::after{
  content: "";
  clear: both;
  display: table;
}
a:link{
  color: #ffffff;
  text-decoration: none;
}
a:visited{
  color: #ffffff;
  text-decoration: none;
}
a:active{
  color: #5fd5d4;
  text-decoration: none;
}
a:hover{
	z-index: 999;
  color: #5fd5d4;
}
.left, .fleft{
  float: left;
}
.right,.fright{
  float: right;
}


/*주메뉴*/
.nav_box{
	width: 100%;
	position: absolute;
	top: 0px;
	font-size: 15pt;
	font-weight: 300;
	color: #ffffff;
}
.nav {
	margin-left: 40px;
}
.nav6{
  color: #ffffff;
  margin-left: 13px;
}
.co{
  margin-left: 2%;
  margin-top: 3px;
  font-size: 11pt;
  font-weight: 200;
}


/*특수문자l 언어선택*/
.split{
	margin-left: 40px;
}
.split2{
	margin-left: 13px;
}
.split3{
	color: #999999;
	margin-left: 5px;
	margin-right: 5px;
}



/*로고*/
.logo_box{
	position: absolute;
	width: 200px;
	height: 50px;
	z-index: 999;
	top: 30px;
	left: 18%;
}


/*마우스오버시 효과*/
.nav1 span{
	position: absolute;
	visibility: hidden;
}
 .nav1:hover span{
	visibility: visible;
	top: -14px;
	left: -255px;
	z-index: 999;
}
.nav2 span{
	position: absolute;
	visibility: hidden;
}
.nav2:hover span{
	visibility: visible;
	top: -14px;
	left: -270px;
	z-index: 998;
}
.nav3 span{
	position: absolute;
	visibility: hidden;
}
.nav3:hover span{
	visibility: visible;
	top: -14px;
	left: -250px;
	z-index: 998;
}
.nav4 span{
	position: absolute;
	visibility: hidden;
}
.nav4:hover span{
	visibility: visible;
	top: -14px;
	left: -275px;
	z-index: 998;
}
.nav5 span{
	position: absolute;
	visibility: hidden;
}
.nav5:hover span{
	visibility: visible;
	top: -14px;
	left: -275px;
	z-index: 998;
}


/*메뉴이미지*/
.sub1_img{
	top: 170px;
	width: 100%;
	position: absolute;
	z-index: 1;
}
.sub1_img p{
	position: relative;
	text-align: center;
	font-size: 30pt;
	font-weight: bolder;
	color: #fff;
	margin:0 auto;
	top: -90px;
}


/*본문텍스트 이미지*/
.ct_text{
	position: relative;
	text-align: center;
	z-index: 999;
	margin:0 auto;
	top: 440px;
}
.ct_text1 p{
	font-size: 16pt;
	font-weight: 400;
	color: #003333;
}
.ct_text2 p{
	font-size: 40pt;
	font-weight: 500;
	color: #037879;
}
.ct_img{
	position: relative;
	margin: 0 auto;
	width: 1280px;
	height: auto;
	top: 445px;
}


/*모바일 홈 아이콘*/
.home{
	display: none;
	position: absolute;
	width: 25px;
	height: auto;
	top: 18px;
	left: 5%;
	z-index: 997;
}


/*푸터*/
footer{
	position: relative;
	width: 100%;
	height: 180px;
	background-color: #293030;
	bottom: -5px;
}
.foot{
	position: relative;
	width: 1000px;
	height: 135px;
	margin: 0 auto;
	vertical-align: middle;
}
.foot_logo{
display: none;
}
.foot_text{
	position:relative;
	top: 35px;
	left: 70px;
	display: inline-block;
}
.foot_text a{
	font-weight: 400;
	font-size: 14pt
	color:#999999;
}
.foot_text a:link{
	color: #999999;
	text-decoration: none;
}
.foot_text a:visited{
	color: #999999;
	text-decoration: none;
}
.foot_text a:active{
	color: #999999;
	text-decoration: none;
}
.foot_text a:hover{
	z-index: 999;
	color: #5fd5d4;
}
.split3{
	color: #999999;
	margin-left: 5px;
	margin-right: 5px;
}
.foot_text p{
	font-weight: 300;
	font-size: 12pt;
	color: #999999;
	margin-top: 5px;
}

.footer2{
display: none;}



/*탑버튼*/
.top_bt {
	width: 60px;
	height: 60px;
  position: fixed;
  z-index: 999;
	right: 20px;
	bottom: 20px;
	margin: 0;
	padding: 0;
}
.top_bt a{
	bottom: 0;
}


/* Start Navigation Bar */

.navbar {
  width: 100%;
	height: 115px;
  margin: 0 auto;
  color: #fff;
  background-color: #001918;
}
.navbar .menu {
  position: relative;
  display: flex;
	top: 55px;
	left: 35%;
}
.navbar .menu nav {
  display: flex;
  transition: background-color .5s ease;
  text-align: center;
}
.navbar .menu a {
  position: relative;
  display: inline-flex;
  text-decoration: none;
  color: #fff;
  justify-content: center;
}
.menu a:link{
  color: #ffffff;
  text-decoration: none;
}
.menu a:visited{
  color: #ffffff;
  text-decoration: none;
}
.menu a:active{
  color: #5fd5d4;
  text-decoration: none;
}
.menu a:hover{
	z-index: 999;
  color: #5fd5d4;
}
.navbar .menu a > .fa {
  font-weight: 300;
}
.menu a:hover{
	color: #5fd5d4;
}
.navbar .menu nav:hover {
  background-color: #001918;
	color: #5fd5d4;
}
.navbar .menu nav:hover .container {
  display: flex;
}



/* End Navigation Bar */

/* Start Single Section Menu */
nav ul{
	width: 100%;
}
.container {
	height: 60px;
  position: absolute;
  z-index: 998;
  top:57px;
  right: 0;
	left: -35%;
  display:none;
  margin-bottom: 30px;
  text-align: center;
		background-color: #2a4947;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .06);
	width: 100%;
}
.container a{
  text-align: center;
  font-weight: 300;
	font-size: 14pt;
	top: 20px;
	margin-left: 35px;
	margin-right: 35px;
}
.container a:link{
  color: #ffffff;
  text-decoration: none;
}
.container a:visited{
  color: #5fd5d4;
  text-decoration: none;
}
.container a:active{
  color: #5fd5d4;
  text-decoration: none;
}
.container a:hover{
  z-index: 999;
  color: #5fd5d4;
  text-decoration: none;
}
.container__list {
	width: 100%;
  display:  inline-flex;
	text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}
.container__listItem {
  overflow: hidden;
  padding: 1px 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container__listItem > div {
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
}

/* End Single Section Menu */



.container.has-multi .container__listItem {
  flex-basis: 100%;
}

.container.has-multi .container__list {
  border-radius: 4px;
  flex-basis: 33.333%;
}

.container.has-multi .container__list:not(:last-child) {
  margin-right: 20px;
  border-right: solid 1px #f3f3f3;
}

/* End Multiple Section Menu */

/* 메일보내기 */
.input-style-01{
	border: 1px solid #cccccc;
	padding: 10px;
	height: 35px;
	width: 100%;
	display: block;
	box-sizing: border-box;
}
.input-style-02{
	border: 1px solid #cccccc;
	padding: 10px;
	height: 35px;
	line-height: 35px;
	width: 50%;
	display: block;
	box-sizing: border-box;
}
.contact-table{
	width: 100%;
}
.contact-table td{
	padding: 10px 0;
  color: #4d4d4d;
}
.contact-table td:first-child{
	padding-right: 5px;
}
.contact-table td:nth-child(2n){
	padding-left: 5px;
}

.contact-form-wrp{
	padding: 100px 60px;
	display: block;
	top: 80px;
	position: relative;
		top: 350px;
}
.contact-form-wrp textarea{
	border: 1px solid #cccccc;
	padding: 10px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	resize: none;
}
.contact-form-wrp .btn-area{
	text-align: right;

}

.btn-area{
	text-align: right;
}
.contact-form-wrp .btn-send{
	border: 1px solid #ccc;
	color: #111111;
	font-size: 13px;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fff;
	margin-top: 10px;
}
.contact-left-area{
  padding: 100px 0px 0px 60px;
}
.col-lg-6{
    width: 50%;
    float: left;
}
.col-md-12{
    width: 100%;
    float: left;
}
.contact-form-wrp{
  padding: 15px 60px;
  display: block;
}