/* 문서 언어 인코딩 설정 */
@charset "utf-8";

/* ----------------------------------------------------------------
* Reset css style
* -------------------------------------------------------------- */
html {
	font-size: 10px;
}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif, 'Noto Sans KR', '나눔바른고딕', sans-serif;
	background-color:#f4f4f4;
}

/* 이미지 아래쪽 의미 없는 공간 제거 */
img {
	vertical-align: top;
	border:0;
}


/* wrap */
#wrap {
	width: 100%;
	background: #f4f4f4;
	/*min-height: 100vh;*/
}
.container {
	margin-right: auto;
	margin-left: auto;
	margin:0 auto;	
}
.row {
	margin:0 auto;
	padding:0px;
	width: 1200px;
}
.row:after {
	display: block;
	content: "";
	clear: both;
}

.overlay {
	z-index: 1000;
}
/** 백그라라운드 **/
.m-wrap-bg {
    background:url(/common/images/img/main_visual.jpg) no-repeat left top;
	background-size: cover;
	height: 875px;
    min-width: 1200px;
}

/**
* ----------------------------------------------------------------
* [S] 로고, 상단 메뉴
* ------------------------------------------------------------- */

.header {
	position: absolute;
	left: 0;
	right: 0;
	height: 80px;
	line-height: 80px;
	background: transparent;
	color: #fff;
	top:0;
	font-weight: bolder;
	z-index: 1001;
	width: 100%;
}
.top-setting  {
	position: relative;
	color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    height: 80px;

}

.logo {margin-right:20px;}
.logo a {
	width:233px;
	display: inline-block;
    float: left;
    padding: 12px 12px 12px 0px;
}


a:link, a:visited {
    text-decoration: none;
    color: #fff;
}


.top-setting .row .gnb {
 position: relative;
  top: 0;
  left: 0;
  right:0;  
 
}
.menu { float: right;
width: 950px;
height: 80px;}
.top-setting .row .menu {
    float: right;}

.top-setting .row .menu a {
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px;
    float: left;
    margin-left: 13%;
}
.menu li a {
  display: inline;
  font-weight: 500;
  color: #fff;
  font-size:19px;
  text-decoration: none;
  line-height: 2.33em;
}
.menu li a:active {
  text-decoration: none;
  color: #72bb2a;
 
}
.menu ul {margin-left: 20%;}
.menu li a:hover, .menu li a:focus {
  text-decoration: none;
  color: #185ca2;
  font-weight: 500;
   }


/*
* ----------------------------------------------------------------
* [E] 로고, 상단 메뉴
* ------------------------------------------------------------- */

/*--------contents---------------------*/

.article{position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);text-align: center;overflow: hidden;}
.article .txt-wrap{display: block;color: #fff;text-align: center; position: relative;width:800px;margin: 0 auto;}
.article .txt-wrap img{line-height:1.2em; padding: 15px;}
.btn-wrap{padding-top:50px;margin:20px auto;}
.inner { padding: 16px; height: 50px;}
.article .btn-wrap { width: 800px;margin: 0  auto;}
.btn-wrap a{display:inline-block;padding:5px; text-align: center;font-size: 17px;line-height:1.2em;font-weight: 400;}
.btn-wrap a .btn-play{background-color: #185ca2;color:#fff;padding:8px 80px; border: 1px solid #185ca2;}
.btn-wrap a .line_box{color:#185ca2;background-color:transparent; border: 1px solid #185ca2;box-sizing: border-box;font-weight: 500;}

.btn-wrap a .btn-play:hover{color:#185ca2;background-color:transparent; border: 1px solid #185ca2;}
.btn-wrap a .line_box:hover{background-color: #185ca2;color:#fff;}

/** 푸터**/
.ft-wrap {width:100%; line-height:1; background: #f4f4f4; min-width: 1200px; }
.ft-wrap .sitemap{width:100%;height: 48px;color: #fff;background: #185ca2;}
.sitemap .left{float: left;width:70%;height: 48px;line-height: 25px;}
.sitemap .left li {display: inline-block;float: left;margin-right: 8px;padding: 10px 5px 10px 0px;}
.sitemap .left li a {display: inline;color: #fff;font-size: 16px;}
.sitemap .left li .icon_box03 {margin-top: -3px;    margin-right: 5px;height:33px;} 
.sitemap .right{display: block;float: right;padding:5px;margin-top:5px;}
.sitemap .right option{padding-left:5px;font-size:13px;line-height: 1.2em;}
.footer_inner {padding: 20px 0px 20px 0px;}

.footer_inner .footer_inner_txt{width:70%; float: left;font-size: 13px;font-weight: 400;line-height:1.7em;color: #666;letter-spacing: 0.01rem;}
.copyligfht span{font-weight:300;letter-spacing: 0.03rem;text-transform: uppercase;color:#000;line-height: 18px;font-size: 12px;}
.copyligfht{margin-top:10px;}
.module{float:right;width:29%;}
.module a img{padding:5px 2px;}