/*메인 레이아웃*/
#wrap #main_img {position:relative; width:100%; height:440px; clear:both; background:url('../images/main_bg.jpg') center top no-repeat; /*background-size: 100% auto;*/}
/*#wrap #main_img div {position:relative; width:1000px; margin:0 auto;}*/
#wrap #main_img div p {position:relative; width:346px; top:34px; margin:0 auto;}
#wrap #main_img div ul {position:relative; top:20px; margin-left:40px;}
#wrap #main_img div ul li {float:left;}

#wrap #main_content {position:relative; width:100%; height:160px; background:#5873ac; color:#fff;}
#wrap #main_content div {osition:relative; width:1000px; margin:0 auto;}
#wrap #main_content div #main_ebook {position:relative; width:345px; height:160px; float:left; }
#wrap #main_content div #main_ebook h2 {position:absolute; top:40px; left:17px; font-weight:500;}
#wrap #main_content div #main_ebook .txt {position:absolute; top:80px; left:110px;}
#wrap #main_content div #main_ebook .more {position:absolute; top:135px; left:110px;}
#wrap #main_content div #main_news {position:relative; width:642px; height:160px; float:left;}
#wrap #main_content div #main_news h2 {position:absolute; top:20px; left:0px; font-weight:500;}
#wrap #main_content div #main_news .more {position:absolute; top:15px; right:0px;}
#wrap #main_content div #main_news article {position:relative; width:300px; height:75px; float:left; top:50px; padding:10px; background: rgba(255,255,255,.1);}
#wrap #main_content div #main_news article h3 {position:absolute; left:130px; top:12px; font-size:1em;}
#wrap #main_content div #main_news article h3 a {color:#fff;}
#wrap #main_content div #main_news article img {position:absolute; left:10px; top:10px;}
#wrap #main_content div #main_news article p {position:absolute; left:130px; top:50px; line-height:1.35em;}
#wrap #main_content div #main_news article p a {color:#fff;}

/*메인 이미지 css3 애니메이션*/
#main_txt {
	opacity:0;
/* Chrome, Safari, Opera */
    -webkit-animation-name: MainText;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    /* -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;*/
    -webkit-animation-direction: alternate;
	animation-fill-mode: forwards;
/* Standard syntax */
    animation-name: MainText;
    animation-duration: 1s;
    animation-timing-function: linear;
    /* animation-delay: 2s;
    animation-iteration-count: infinite; */
    animation-direction: alternate;
	animation-fill-mode: forwards;
}

#box01 {
	position:relative;
	opacity:0;
/* Chrome, Safari, Opera */
    -webkit-animation-name: MainImg;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    /* -webkit-animation-iteration-count: infinite;*/
    -webkit-animation-direction: alternate;
	animation-fill-mode: forwards;
/* Standard syntax */
    animation-name: MainImg;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 1s;
    /* animation-iteration-count: infinite; */
    animation-direction: alternate;
	animation-fill-mode: forwards;
}

#box02 {
	position:relative;
	opacity:0;
/* Chrome, Safari, Opera */
    -webkit-animation-name: MainImg2;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1.5s;
    /* -webkit-animation-iteration-count: infinite;*/
    -webkit-animation-direction: alternate;
	animation-fill-mode: forwards;
/* Standard syntax */
    animation-name: MainImg2;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 1.5s;
    /* animation-iteration-count: infinite; */
    animation-direction: alternate;
	animation-fill-mode: forwards;
}

#box03 {
	position:relative;
	opacity:0;
/* Chrome, Safari, Opera */
    -webkit-animation-name: MainImg3;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    /* -webkit-animation-iteration-count: infinite;*/
    -webkit-animation-direction: alternate;
	animation-fill-mode: forwards;
/* Standard syntax */
    animation-name: MainImg3;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 2s;
    /* animation-iteration-count: infinite; */
    animation-direction: alternate;
	animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MainText {
    0%   {opacity:0;}
    100% {opacity:1;}
}

/* Standard syntax */
@keyframes MainText {
    0%   {opacity:0;}
    100% {opacity:1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MainImg {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}

/* Standard syntax */
@keyframes MainImg {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MainImg2 {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}

/* Standard syntax */
@keyframes MainImg2 {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MainImg3 {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}

/* Standard syntax */
@keyframes MainImg3 {
    0%   {left:0px; opacity:0;}
	50%   {left:30px;}
    100% {left:0px; opacity:1;}
}