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

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

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

/* 이미지 아래쪽 의미 없는 공간 제거 */
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: 1400px;
}
.row:after {
	display: block;
	content: "";
	clear: both;
}

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

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

.header {
	position: absolute;
	left: 0;
	right: 0;
	height: 70px;
	line-height: 50px;
	background: transparent;
	color: #fff;
	top:0;
	font-weight: bolder;
	z-index: 1001;
	width: 100%;
}
.top-setting  {
	position: relative;
	color: #fff;
    border-bottom: 1px solid #fff;
    height: 92px;
}

.logo {margin-right:30px;}
.logo a {
	width:168px;
	display: inline-block;
    float: left;
    padding: 15px 20px 15px 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: 1200px;
height: 64px;}
.top-setting .row .menu {
    float: right;}

.top-setting .row .menu a {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
    float: left;
    margin-left: 35px;
}
.menu li a {
  display: inline;
  font-weight: 500;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
  padding:208px 20px 15px 20px;margin-top:5px;
}
.menu li a:active {
  text-decoration: none;
  color: #72bb2a;
 
}
.menu ul {margin-left: 100px;}
.menu li a:hover, .menu li a:focus {
  text-decoration: none;
  color: #72bb2a;
  font-weight: 500;
  border-top:2px solid #72bb2a;
   }


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

/*--------contents---------------------*/
@media only screen and (max-width: 1080px) {
    .article {
        width:100%; 
        position: absolute;
        top: 25% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;overflow: hidden;
    }
}
.article{width:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;overflow: hidden;}
.txt-wrap{display: block;color: #fff;text-align: center; position: relative;}
.txt { width:505px;width:100%;}
.txt01{font-size: 3.8rem;letter-spacing: -0.05rem;font-weight:300;padding-top:20px;line-height: 140%;    word-break: keep-all;}
.txt02 {margin-top:25px;color:#e5e5e5;letter-spacing: -0.05rem;line-height: 140%;font-size: 22px;    word-break: keep-all;}
.btn-wrap{width: 480px;line-height: 35px;margin-top: 30px;/* position: relative; */margin: 40px auto;display: inline-block;}
.inner{padding: 16px 16px 0 16px;height: 50px;text-align: left;}
.btn-play {font-size: 17px;font-weight: 500;    padding: 2px 0px 0px;margin-right:10px;color:#fff;   display: inline-table; border-radius:100px;border:1px solid #fff;width:200px;vertical-align: middle;}
.btn-play .icon_box{width:36px; height:36px;border-radius:50%;background-color: #fff;margin:5px;vertical-align: middle;margin-right: 10px;}
.btn-play .icon_box02{float: right; padding: 12px;vertical-align: middle;line-height: 140%;height: 18px;width: 21px;display: block;}
.btn-play:hover{border-color: #72bb2a;color:#72bb2a;}
.inner .btn-play a:hover{color:#72bb2a;}
.btn-play:hover { background-color:#72bb2a;color:#fff;border-color: #72bb2a;}
.btn-play2 {font-size: 15px;font-weight: 500;    padding: 2px 0px 0px;margin-right:10px;color:#fff;   display: inline-table; border-radius:100px;border:1px solid #fff;width:200px;vertical-align: middle;}
.btn-play2 .icon_box{width:36px; height:36px;border-radius:50%;background-color: #fff;margin:5px;vertical-align: middle;margin-right: 10px;}
.btn-play2 .icon_box02{float: right; padding: 12px;vertical-align: middle;line-height: 140%;height: 18px;width: 21px;display: block;}
.btn-play2:hover{border-color: #72bb2a;color:#72bb2a;}
.inner .btn-play2 a:hover{color:#72bb2a;}
.btn-play2:hover { background-color:#72bb2a;color:#fff;border-color: #72bb2a;}



/** 푸터**/
.ft-wrap {width:100%; line-height:1; background: #f4f4f4; min-width: 1200px; }
.ft-wrap .sitemap{width:100%;height: 58px;color: #fff;background: #185ca2;}
.sitemap .left{float: left;width:70%;height: 58px;}
.sitemap .left li {display: inline-block;float: left;margin-right: 8px;padding: 18px 5px 18px 0px;}
.sitemap .left li a {display: inline;color: #fff;font-size: 16px;}
.sitemap .left li .icon_box03 {margin-top: -5px;    margin-right: 5px;height:33px;} 
.sitemap .right{display: block;float: right;padding:5px;margin-top:8px;}
.footer_inner {
    width:1400px;
    margin: 0 auto;
    padding: 25px 0px;
    overflow: hidden;
}
.footer_inner .row {width:750px; height: 75px; float:left;}
.footer_inner .banner {float:right;}
.footer_inner p{font-size: 14px;font-weight: 300;line-height: 150%;color: #555;letter-spacing: -0.03rem;}
.copyligfht {background-color: #222;height:40px;width:100%;}
.copyligfht .row p {margin:0 auto;text-align: center;color: #ededed;line-height: 18px;font-size: 12px;padding:10px;}