@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;border:0;}
button {border:0 none;background:transparent;cursor:pointer;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='email'],input[type='tel'] {-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {resize:none;}
body {background:#fff;}
body,th,td,input,select,textarea,button,a {font-size:14px;line-height:1.4;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#222;font-weight:400;}
a:link,a:visited,a:active {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
select {border-radius:0;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;margin:0;padding:0;}

/* CONTENTS */
/* .wrap {background:#e6e6e6;} */
.wrap img {display:block; width:100%;}
.section + .section {margin-top:20vw;}
.main_video {background:url('../images/main_video_bg.jpg') no-repeat 50%; background-size:cover;}
.main_video img {width:86.6%; margin:0 auto;}
.video_title_wrap._bg1 {background:url('../images/contents01_bg.png') no-repeat 50%; background-size:cover;}
.video_title_wrap._bg2 {background:url('../images/contents02_bg.png') no-repeat 50%; background-size:cover;}
.video_list_wrap._bg1 {background:url('../images/video01_bg.jpg') no-repeat 50%; background-size:cover;}
.video_list_wrap._bg2 {background:url('../images/video02_bg.jpg') no-repeat 50%; background-size:cover;}
.video_list {display:flex; justify-content:space-between; width:86.6%; margin:0 auto; padding:0 1.2%; box-sizing:border-box;}
.video_list video {width:32.5%;}
.video_list .iframe_box {position:relative; width:32.7%; padding-bottom:18.4%;} /* 16:9 비율 -> 32.7*9/16 */
.video_list .iframe_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}