/*main_visual_start*/

.main_visual_wrapper {
	width:100%;
	height:870px; 
	position:relative; 
	z-index:30;
	overflow:hidden
}

.bg{
  width:100%;
  margin:0 auto;
  text-align:center;
  height:870px;
  position:relative;;
  overflow:hidden;
}

.bg .cover{
  top:0px;
  overflow:hidden;
  position:absolute;;
  width:1920px;
  left:50%;
  margin-left:-960px;
  height:100%;
  opacity:0;
}

.bg1.cover{
	background: url('../images/visual1.jpg');
}

.bg2.cover{
	background: url('../images/visual2.jpg');
}

.bg3.cover{
	background: url('../images/visual3.jpg');
}

.bg4.cover{
	background: url('../images/visual4.jpg');
}

.bg span img{
  width:100%;
}

.bg .cover span{
  overflow:hidden;
  position:absolute;
}

.main_num {
	font-size:20px;
	font-family:'Futura Light';
	float:left;
	color:#fff;
	padding-left:3px;
	padding-top: 25px;
	text-transform: capitalize;
}

.slogan{
  	width: 1100px;
	z-index: 90;
	position:absolute;
	left:50%;
	top:200px;
	margin-left:-550px;
}

.slogan h3{
  margin-top:80px;
  text-align: left;
  position:relative;
  top:10px;
}

.slogan h3 img {
	opacity: 0;
}

.slogan h3 p {
	display: inline-block;
	zoom:1;
	*display: inline-block;	
	opacity: 0;
	font-family:'Futura Bold';
	font-size:50px;
	line-height:60px;
	color:#fff;
	font-weight:700;
	letter-spacing:-0.02em;
	text-align: left;
}


.hf-page{
	position: absolute;
    width: 136px;
    height: 34px;
    left: 50%;
    margin-left: -556px;
    bottom: 340px;
    z-index: 10;
}
#timer{
	position:absolute;
	left:10px;
	top:10px;
}
.hf-page .circle{
	border-radius:50%;
	width:4px;
	height:4px;
	float:left;
	padding:10px 15px;
	cursor:pointer;
}
.hf-page .circle i{
	display:block;
	border-radius:50%;
	width:4px;
	height:4px;
	margin-top:4.5px;
	background:rgba(255,255,255,1);
	opacity:0.7;
	transition-property: opacity;
	transition-duration: .3s ;
	transition-timing-function:  ease-out;
}
.hf-page .circle:hover i{
	opacity:1;
	transition-property: opacity;
	transition-duration: .3s ;
	transition-timing-function:  ease-out;
}
.hf-page .circle.active i{
	opacity:0;
	transition-property: opacity;
	transition-duration: .3s ;
	transition-timing-function:  ease-out;
}

/*main_visual_end*/

/*main_contents_start*/

.main_sm_title_w {
	font-family:'Futura Medium';
	color:#fff;
	font-size:12px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	padding:80px 0px 7px 0px;
}

.main_sm_title {
	font-family:'Futura Medium';
	font-size:12px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	padding:80px 0px 25px 0px;
}

.main_sec01 {
width:1100px;
position:relative;
left:50%;
margin-left:-550px;
margin-top:-87px;
z-index:50;
}

.main_sec01:after {
	content: "";
	display: block;
	clear: both;
}

.main_sec01_inner {
padding:0px 40px 40px 40px;
background:blue;
background:url('../images/sec01_bg.jpg');
position:relative;
}

.main_sec01_inner:after {
	content: "";
	display: block;
	clear: both;
}

.msec01_left {
margin-top:-66px;
position:absolute;
}

.msec01_right {
background:url('../images/sec01_ceobg.jpg');
height:393px;
width:550px;
margin-top:-80px;
float:right;
text-align:center;
color:#fff;
}

.msec01_title {
    font-family: 'NotoSansKR';
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px;
    letter-spacing: -0.03em;
}

.msec01_st {
	font-family: 'NotoSansKR';
	font-weight:200;
	font-size:14px;
	line-height:22px;
}

a.msec01_btn {
	font-family:'Futura UltraLight';
	font-size:18px;;
	letter-spacing:0.3em;
padding:12px 50px;
background:#FFFFFF;
color:#000000;
display:inline-block;
margin-top:40px;
transition: all 0.2s ease-out;
}

a.msec01_btn:hover {
color:#FFFFFF;
background:#ff7200;
transition: all 0.2s ease-out;
}




.main_sec02 {
width:1100px;
margin:0 auto;
background:url('../images/sec02_bg.jpg');
background-size:cover;
}

.main_sec02_inner {
width:1020px;
margin:0 auto;
}

.msec02_title {
    font-family: 'Futura UltraLight';
    font-size: 29px;
    line-height: 35px;
    letter-spacing: -0.01em;
}

.msec02_st {
font-family: 'NotoSansKR';
font-weight:400;
letter-spacing:-0.05em;
font-size:14px;
line-height:22px;
border-left:1px solid #c2c2c2;
padding-left:20px;
margin:25px 0px 45px 0px;
}

a.msec02_btn {
font-family:'Futura UltraLight';
font-size:18px;;
letter-spacing:0.3em;
padding:12px 50px;
display:inline-block;
margin-bottom:80px;
background:#162446;
color:#FFFFFF;
transition: all 0.2s ease-out;
}

a.msec02_btn:hover {
background:#ff7200;
transition: all 0.2s ease-out;
}

.main_sec03 {
background:url('../images/sec03_bg.jpg') center center;
background-size:cover;
}

.main_sec03_inner {
padding:50px 0px;
width:1100px;
margin:0 auto;
}

.main_sec03_inner:after {
	content: "";
	display: block;
	clear: both;
}

.msec03_left {
background:url('../images/sec03_left_bg.jpg') center center;
width:550px;
height:309px;
float:left;
}

.msec03_right {
background:url('../images/sec03_right_bg.jpg') center center;
width:550px;
height:309px;
float:right;
}

.msec03_indi {
padding:50px 40px 50px 40px;
color:#fff;
}

.msec03_indi:after {
	content: "";
	display: block;
	clear: both;
}

.msec03_indi .main_sm_title {
padding:0px 0px 25px 0px;
}

.msec03_right .main_sm_title {
color:#ff7200;
}

.main_sec03_inner img {
    display: block;
    padding-left: 110px;
    width: 175px;
    padding-top: 10px;
}

.msec03_left .msec03_left_title {
	font-family:'Futura UltraLight';
font-size:37px;
letter-spacing:-0.05em;
}

.msec03_right_title {
	font-family: 'NotoSansKR';
	font-size:30px;
	line-height:40px;
	font-weight:200;
letter-spacing:-0.05em;
}

.msec03_btn {
font-family: 'Futura UltraLight';
    font-size: 14px;
    letter-spacing: 0.3em;
    color: #fff;
    display: block;
    float: right;
    padding-top: 74px;
    height:20px;
    transition: all 0.2s ease-out;
}

.msec03_indi:hover .msec03_btn {
    color: #ff7200;                
}


/*main_contents_end*/