@charset "UTF-8";

body{
    word-wrap:break-word;
    word-break:break-all;
    -webkit-text-size-adjust:none;
    background-color:#fff
}
article,blockquote,body,button,dd,div,dl,dt,fieldset
,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,legend,li,
main,nav,ol,p,pre,section,select,span,td,textarea,th,ul{
    margin:0;
    padding:0;
}
body,button,h1,h2,h3,h4,h5,h6,input,select,textarea{
    font-family:Helvetica,Apple-Gothic,Dotum,돋움,Gulim,굴림, sans-serif;
}

li,ol,ul{
    list-style:none;
}
a{
    text-decoration:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;

}
button,fieldset,img,input{
    border:0 none;
}
img,input,select,textarea{
    vertical-align:middle;
}
address,em{
    font-style:normal;
}
input{
    border-radius:0;
}
hr{
    clear:both;
    height:0;
    border:0;
    overflow:hidden;
}

img{
	width: 100%;
	max-width: 100%;
}


body{ background-color: #f5f8f1;}

.blind{
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0; top: 0;
    width: 1px; height: 1px;
    font-size: 0;
    clip: rect(1px 1px 1px 1px);
}

.sm-wrap{
    width: 100%;
}

.section{
    margin-bottom: 8%;
}

.section-inner{
    position: relative;
}

.section-inner .div-video{
    position: absolute;
    left: 8.4%;
    width: 83.45%;
    height: 50.8%;
}

.section-inner .div-video a{
    display: block;
    width: 100%;
    height: 100%;
}

.section-inner .div-video img{ width: 100%; }

.section[data-index="2"] .div-video{
    top: 45%;
}

.section[data-index="3"] .div-video{
    top: 44.7%;
}

.section[data-index="4"] .div-video{
    top: 45%;
}

.section[data-index="5"] .div-video{
    top: 48%;
    height: 47.9%;
}

.section[data-index="6"] .div-video{
    top: 46.1%;
    height: 50%;
}

.section[data-index="7"] .div-video{
    top: 45.4%;
    height: 50.5%;
}

.section[data-index="8"]  .div-link{
    position: absolute;
    top: 70%;
    left: 4.3%;
    width: 91.4%;
    height: 30%;
}

.section[data-index="8"]  .div-link a{
    display: block;
    width: 100%;
    height: 100%;
}

/* modal add css */
.blocker{
    background-color: rgba(0,0,0,0.5);
}
.modal{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
}
.modal iframe{ width: 100%; height: 100%;}