@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:'NanumSquare', dotum, sans-serif;background:transparent;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumSquare', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
textarea, input, button {margin:0;padding:0;font-family:'NanumSquare', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumSquare', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chkB {display:inline-block;margin:0 8px 0 0;cursor:pointer;vertical-align:middle; padding:0;}
.chkB input {position:absolute; visibility:hidden;position:static\9;visibility:visible\9;}
.chkB input + span {display:inline-block;padding:3px 0px 3px 30px;padding:0\9;background:url(../img/bg_chk_off.png) no-repeat left 50%; background-size:20px 20px; background:none\9;}
.chkB input:checked + span {background:url(../img/bg_chk_on.png) no-repeat left 50%; background-size:20px 20px; background:none\9;}

.landWrap {display:block; height:auto; overflow:hidden; position:relative; min-width:1180px;}
.inner {display:block; height:100%; overflow:hidden; width:1180px; margin:0 auto; position:relative;}
.landingHead {display:block; height:946px; background:url(../img/landing_top.jpg)no-repeat 50% top; background-size:1920px 946px;}
.logo {position:absolute; width:276px; height:40px; left:60px; top:80px; background:url(../img/logo.png)no-repeat 50% 50%; background-size:100%;}
.logo a {display:block; width:100%; height:100%;}
.exit {position:absolute; width:27px; height:27px; left:1640px; top:50px; background:url(../img/ico_close.png)no-repeat 50% 50%; background-size:100%;}
.exit a {display:block; width:100%; height:100%;}

.vodSec {position:absolute; left:0; top:656px; width:100%; height:auto; overflow:hidden; z-index:1;}
.vodSec .frame {display:block; width:962px; height:588px; margin:0 auto; position:relative; padding:54px; box-sizing:border-box; background:url(../img/vod_frame.png) no-repeat 50% 50%; background-size:962px 588px;}
.vodSec .frame .vodTitle {position:absolute; left:0; top:0;}
.inner .deco {position:absolute; left:60px; bottom:50px; z-index:10;}

.landingConWrap {display:block; height:auto; overflow:hidden;  position:relative;
background: #470e88; /* Old browsers */
background: -moz-linear-gradient(top,  #470e88 0%, #161667 79%, #090946 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #470e88 0%,#161667 79%,#090946 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #470e88 0%,#161667 79%,#090946 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470e88', endColorstr='#090946',GradientType=0 ); /* IE6-9 */
}
.landingConWrap .decoNote {position:absolute; right:0; top:120px;}

.conBox {clear:both; display:block; height:auto; overflow:hidden;}
.conBox.bgSpotLight {background:url(../img/deco_con01.png) no-repeat 50% top; background-size:1920px 443px;}
.conBox.effectLight {background:url(../img/deco_con02.png) no-repeat 50% top; background-size:1920px 304px;}
.conBox .con01 {display:block; height:auto; overflow:hidden; width:1180px; margin:0 auto; position:relative; padding-top:300px;}
.conBox .con02 {display:block; height:auto; overflow:hidden; width:1180px; margin:0 auto; position:relative;}
.conBox .con03 {display:block; height:auto; overflow:hidden; width:1180px; margin:0 auto; position:relative; padding-top:304px;}

.applyForm {display:block; height:auto; overflow:hidden; width:1180px; margin:0 auto 60px; position:relative;}
.applyForm .applyTitle {display:block; text-align:center;}
.applyForm .formBox {display:block; height:550px; background:url(../img/bg_apply.png) no-repeat 50% top;}
.applyForm .formBox .form {float:right; width:440px; height:auto; overflow:hidden; margin:40px 120px 0 0;}
.applyForm .formBox .form li {display:block; height:auto; overflow:hidden; margin-bottom:10px;}
.applyForm .formBox .form li input[type="text"] {display:inline-block; width:100%; height:40px; line-height:40px; border-radius:5px; background:#FFF; background:#FFF; font-size:21px; color:#333; padding:0 10px; box-sizing:border-box; border:0;}
.applyForm .formBox .form li textarea {display:inline-block; width:100%; height:100px; line-height:20px; border-radius:5px; background:#FFF; background:#FFF; font-size:21px; color:#333; padding:10px; box-sizing:border-box; border:0;}
.applyForm .formBox .form li.lastInput {margin-bottom:6px;} 
.applyForm .formBox .form li .legalBox {display:block; height:100px; overflow:hidden; overflow-y:scroll; background:#3d3f76; border:1px solid #65689b; border-radius:5px; padding:10px; box-sizing:border-box; font-size:14px; line-height:16px; color:#FFF; line-height:2.0;}
.applyForm .formBox .form li.legal {margin-bottom:0px;} 
.applyForm .formBox .form li.agree {display:block; height:60px; line-height:60px; text-align:center; margin:0;}
.applyForm .formBox .form li.agree label {color:#FFF; font-size:14px; font-weight:700;}
.btnApply a {display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; color:#FFF; font-size:21px; font-weight:700; border-radius:5px; background:#474e99;}
.goWeb {display:block; height:auto; overflow:hidden; text-align:center; margin-bottom:40px;}