@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

body { margin:0; background-color: #fff; } 
.wrap{ width: 750px; margin: 0 auto; box-shadow: 1px 0 43px rgba(0,0,0,.19); overflow: hidden;}
.box { position:relative; margin:0 auto; width:750px; height:100%; } 
.btn { position:absolute; background: url('../images/bg_null.png') repeat; font-size: 0; text-indent: -150%;} 
.section { position: relative; min-width:750px; width:100%; background-position: top center; background-repeat: no-repeat; }
input[type=text]{padding:0 10px;}
input, select{outline:none;}

.ez-hide { width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox { display:inline-block; width: 24px; height: 24px; vertical-align:middle; }
.ez-checkbox ~ label { width: 250px; height: 23px; vertical-align:middle; }
.ez-checked { background-position: -23px 0; }

.go_main_btn{position: fixed; top:36px; left:50%; transform: translateX(-358px); width: 70px; height: 70px; background: url('../../common/images/btn_main.png') no-repeat 0 / 70px; border-radius: 50%;}
.go_main_btn a{display:block; width:100%; height:100%;}

/* ============================== 메인 :: Start ==============================*/

.main .section_01 { height: 1300px; background-image: url('../images/section_01.jpg?2'); } 
.main .section_01 .btn_wrap { position:absolute; bottom: 101px; left: 44px; width: 665px; height: 212px; font-size:0;} 
.main .section_01 .btn_wrap a { display:inline-block; width:50%; height:100%; font-size:0; color:transparent; box-sizing: border-box; background-size: 200px auto; background-repeat: no-repeat; background-position:0;}
.main .section_01 .btm_btn{position:absolute; bottom:0; left:0; width:100%; height:65px; font-size:0;}
.main .section_01 .btm_btn a{display:inline-block; width:50%; height:100%; font-size:0; color:transparent;}

/* ============================== 메인 :: End ==============================*/


/* ============================== ep :: Start ==============================*/

.ev_01 .section_01 {height: 1300px;  background-image: url('../images/ep_01/section_01.jpg?2'); }
.ev_01 .video_wrap{position: absolute; top: 315px; left: 50%; transform: translateX(-50%); width: 620px; height: 349px;}
.ev_01 .video_wrap iframe{display: block; width: 100%; height: 100%;}
.ev_01 input[type=text], .ev_01 input[type=tel]{width: 100%;height: 37px;font-size: 28px;line-height: 48px;border: none;box-shadow: none;vertical-align: top;box-sizing: border-box;background-color: transparent;color: #391300;padding:0 10px;}
.ev_01 select{height: 37px;padding: 0 10px;border: none;box-shadow: none;box-sizing: border-box;background-color: rgba(255, 255, 255, 0);font-size: 28px;color: #391300;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ev_01 .info {position: absolute;top: 1113px;left: 225px;font-size: 0;box-sizing: border-box;}
.ev_01 .info > div{font-size: 0;}
.ev_01 .info > div + div {margin-top: 12px;}
.ev_01 .info .tel select{width: 113px;}
.ev_01 .info .tel input {width: 112px;margin-left: 19px;}
.ev_01 .entry_btn {bottom: 44px;left: 196px;width: 360px;height: 61px;}

.ev_02 .section_01 {height: 1300px;  background-image: url('../images/ep_02/section_01.jpg?2'); } 
.ev_02 .video_wrap{position: absolute;top: 405px;left: 50%;transform: translateX(-50%);width: 780px;height: 439px;}
.ev_02 .video_wrap iframe{display: block; width: 100%; height: 100%;}
.ev_02 input[type=text], .ev_02 input[type=tel]{width: 100%;height: 37px;font-size: 28px;line-height: 48px;border: none;box-shadow: none;vertical-align: top;box-sizing: border-box;background-color: transparent;color: #391300;padding:0 10px;}
.ev_02 select{height: 37px;padding: 0 10px;border: none;box-shadow: none;box-sizing: border-box;background-color: rgba(255, 255, 255, 0);font-size: 28px;color: #391300;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ev_02 .info {position: absolute;top: 1106px;left: 225px;font-size: 0;box-sizing: border-box;}
.ev_02 .info > div{font-size: 0;}
.ev_02 .info > div + div {margin-top: 12px;}
.ev_02 .info .tel select{width: 113px;}
.ev_02 .info .tel input {width: 112px;margin-left: 19px;}
.ev_02 .entry_btn {bottom: 44px;left: 196px;width: 360px;height: 61px;}


/* ============================== ep :: End ==============================*/

/* ============================== ep :: Start ==============================*/

.ep_01 .section_01 { height: 1300px; background-image: url('../images/ep_01.jpg?2'); }
.ep_02 .section_01 { height: 1300px; background-image: url('../images/ep_02.jpg?2'); } 

/* ============================== ep :: End ==============================*/


.go_main_btn{position: fixed;top:36px;left:50%;transform: translateX(-358px);width: 70px;height: 70px;background: url('../../common/images/btn_main.png?2') no-repeat 0 / 70px;border-radius: 50%;}
.go_main_btn a{display:block; width:100%; height:100%;}