@charset "UTF-8"; @import url("initialize.css"); 

#wrapper{overflow:hidden;}
.soon-container{position:relative;width:100%;height:100vh;padding:3.125em;box-sizing:border-box;color:#fff;background:#000}
.soon-container .header{position:relative;z-index:1;overflow:hidden;}
.soon-container .header h1{float:left;width:23.125em;height:10em;background:url(../images/layout/logo.png)50%/23.125em no-repeat;text-indent:-999em}
.header .hd-util{position:relative;float:right;}
.header .hd-util .btn-lang{display:inline-block;padding-right:1.5em;color:#fff;font-size:1.125em;font-weight:600;background:url(../images/icon/lang-arrow.png)100% 50%/1em no-repeat;}
.header .hd-util .btn-lang.on{background:url(../images/icon/lang-arrow-on.png)100% 50%/1em no-repeat;}
.header .hd-util .lang-list{position:absolute;top:2em;right:0;border-radius:8px;background:#fff;overflow:hidden;}
.header .hd-util .lang-list a{display:block;color:#000;font-weight:600;}
.header .hd-util .lang-list li:first-child a{padding:.75em 1em .5em;}
.header .hd-util .lang-list li:last-child a{padding:.5em 1em .75em;}
.header .hd-util .lang-list a:hover{background:#f5f6fa;}

.soon-container .right-txt{position:absolute;right:3em;bottom:3em;text-align:right;}
.soon-container .right-txt .info-tit{font-family:'SamsungSharpSans','SamsungOne';font-size:1.625em;font-weight:700;}
.soon-container .right-txt .info-tit.kor{font-family:'SamsungOne';font-size:1.625em;font-weight:700;}
.soon-container .right-txt .info-sub{padding:1em 0 1.25em;font-size:1.25em;font-weight:500;}
.soon-container .right-txt .btn-wrap{overflow:hidden;}
.soon-container .right-txt .btn-wrap a{display:inline-block;padding:.75em 1.5em;border-radius:50px;border:1px solid #fff;color:#fff;font-size:.9em;font-weight:400;}
.soon-container .right-txt .btn-wrap a:first-child{margin-right:1em;}

.soon-container .footer{position:absolute;left:3em;bottom:3em;font-size:.9em;font-weight:400}

/* 2차 오픈 */
#wrapper.cfp{overflow:hidden;background:#000}
.soon-container.cfp{overflow:hidden;height:initial;padding:2em;}
.soon-container.cfp .header h1{width:17.125em;height:9em;background-size:17.125em;}
.cfp .content{position:initial;width:100%;height:100%;max-width:1920px;margin:0 auto;padding:3em 280px;box-sizing:border-box;}
.cfp .left-con{float:left;width:520px;margin-right:60px}
.cfp .left-con h2{padding-top:.25em;font-size:65px;font-family:'SamsungSharpSans';font-weight:700;line-height:72px}
.cfp .left-con h2 .tb-br{display:block;}
.cfp .left-con .sub-tit{padding:.5em 0;font-size:22px;font-weight:700;}
.cfp .left-con .sub-txt{max-width:580px;font-size:17px;font-weight:400;}
.cfp .left-con .sub-txt span{display:block;}
.cfp .left-con .info-box{padding:25px 0;}
.cfp .left-con .info-box .info-inner .box{display:inline-block;padding:0 20px 0 45px;border-radius:50px;background:#404040;font-size:16px;font-weight:400;color:#fff;text-align:center;line-height:34px;box-sizing:border-box;}
.cfp .left-con .info-box .info-inner .box.date{margin-bottom:8px;background:#404040 url(../images/icon/ico-date.png)20px 50%/17px no-repeat;}
.cfp .left-con .info-box .info-inner .box.dead{background:#404040 url(../images/icon/ico-date2.png)20px 50%/17px no-repeat;}
.cfp .left-con .info-box .info-inner .info-txt{padding-left:20px}
.cfp .left-con .info-sub{font-size:15px;font-weight:300;color:#91a2c8;}
.cfp .left-con .cfp-btn{margin-top:25px;display:inline-block;width:220px;height:60px;padding-right:20px;border-radius:50px;background:#1428a0 url(../images/icon/cfp-btn.png)85% 48%/8px no-repeat;font-size:18px;font-weight:400;color:#fff;text-align:center;line-height:58px;box-sizing:border-box;}
.cfp .right-con{float:left;width:calc(100% - 580px)}
.cfp .sm-video{width:100%;max-width:740px;height:290px;margin-top:-40px;overflow:hidden;}
/* .cfp .sm-video .inner{position:relative;width:100%;}*/
.cfp .sm-video video{width:155%;margin:-23% 0 0 -28%}
.cfp .right-con .box-video{width:100%;max-width:740px;}
.cfp .right-con .box-video video{width:100%;}
.soon-container .content:after{display:block;content:"";clear:both;}
.soon-container.cfp .footer p{display:inline-block;padding-top:10px;opacity:.5;font-weight:300}
.soon-container.cfp .footer .ft-menu{display:inline-block;margin-left:10px;font-size:14px;color:#fff;}
.soon-container .right-txt .btn-wrap{}
.soon-container.cfp .main-bt{padding-top:5em;overflow:hidden;}
.soon-container.cfp .right-txt{position:initial;right:initial;bottom:initial;float:right;}
.soon-container.cfp .footer{position:initial;}

/* .sub-wrap{min-width:1920px;}  */
.sub-wrap{background:#fff}
.sub-wrap .header{position:relative;width:100%;height:204px;padding:50px;background:url(../images/layout/cfp-top.png)50%/cover no-repeat;box-sizing:border-box;} 
.sub-wrap .header h1{display:inline-block;width:240px;height:106px;background:url(../images/layout/logo.png)50%/240px no-repeat;text-indent:-999em}
.sub-wrap .header h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:50px;font-weight:700;font-family:'SamsungSharpSans';color:#fff}
.sub-wrap .container{max-width:1000px;margin:0 auto;padding:0 0 120px 0}
.sub-wrap .container .mid-tit{padding:50px 0 20px;border-bottom:1px solid #dbdbdb;font-size:30px;font-weight:700;}
.sub-wrap .container .info-wrap .info-tit{position:relative;margin:40px 0 20px;padding-left:13px;font-size:22px;font-weight:700;}
.sub-wrap .container .info-wrap .info-tit:before{display:block;content:"";position:absolute;top:5px;left:0;width:3px;height:19px;background:#1428a0;}
.sub-wrap .container .info-wrap .info-txt{font-size:18px;font-weight:400;line-height:26px;}
.sub-wrap .container .info-wrap .info-txt.fr-wrap{overflow:hidden;}
.sub-wrap .container .info-wrap .info-txt.fr-wrap .fL{float:left;}
.sub-wrap .container .info-wrap .info-txt.fr-wrap .fL:nth-child(2){margin-left:10px}
.sub-wrap .container .info-wrap .blue-txt{display:inline-block;font-size:15px;font-weight:700;color:#1428a0}
.sub-wrap .container .info-wrap .type-list{overflow:hidden;}
.sub-wrap .container .info-wrap .type-list span{display:inline-block;padding:8px 15px;margin:0 10px 10px 0;border-radius:50px;border:1px solid #dbdbdb;}

.sub-wrap .container .info-wrap .download{text-decoration:underline;color:#333333;font-size:18px;font-weight:400}
.sub-wrap .container .info-wrap .download i{display:inline-block;width:15px;height:15px;margin-left:4px;background:url(../images/icon/ico-down.png)50%/14px no-repeat;}
.sub-wrap .container .info-wrap .dot-list{padding:32px;border-radius:10px;border:1px solid #dbdbdb;background:#fafafa;}
.sub-wrap .container .info-wrap .dot-list p{position:relative;margin-bottom:8px;padding-left:15px;font-size:18px;font-weight:400;}
.sub-wrap .container .info-wrap .dot-list p:before{content:"";display:block;position:absolute;top:9px;left:5px;width:5px;height:5px;border-radius:5px;background:#1428a0;}

.sub-wrap .container .info-wrap .bt-btn{margin-top:40px;border-top:1px solid #dbdbdb;padding-top:40px;text-align:center;}
.sub-wrap .container .info-wrap .bt-btn a{display:inline-block;margin:0 auto;padding:18px 60px;border-radius:50px;background:#1428a0;color:#fff;font-size:18px;font-weight:700;}

.sub-wrap .footer{overflow:hidden;width:100%;padding:50px;background:#000;box-sizing:border-box;}
.sub-wrap .footer .ft-left{float:left;margin-top:12px;}
.sub-wrap .footer .copyright{display:inline-block;font-size:14px;font-weight:400;color:#fff;opacity:.5;}
.sub-wrap .footer .ft-menu{display:inline-block;margin-left:20px;font-size:14px;font-weight:700;color:#fff;}
.sub-wrap .footer .ft-right{float:right;}
.sub-wrap .footer .ft-right{float:right;}
.sub-wrap .footer .ft-right .btn-wrap{overflow:hidden;}
.sub-wrap .footer .ft-right .btn-wrap a{display:inline-block;padding:.75em 1.5em;border-radius:50px;border:1px solid #fff;color:#fff;font-size:.9em;font-weight:400;}
.sub-wrap .footer .ft-right .btn-wrap a:first-child{margin-right:1em;}

.form-item .check-list{overflow:hidden;margin-top:.7em;}
.form-item .check-list.eng .chk-basic{min-width:220px}
.form-item .check-list .chk-basic{float:left;min-width:140px;margin-bottom:17px;}
.form-item .radio-list{overflow:hidden;margin-top:.7em;}
.form-item .radio-list .radio-basic{float:left;margin:0 30px 0 0;}
.chk-basic.input input{border-radius:0;border-bottom:1px solid #dbdbdb;padding:0;margin-left:10px}

/* basic 체크박스 */
.chk-basic input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; } 
.chk-basic input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:32px;font-size:18px;cursor:pointer;} 
.chk-basic input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;text-align:center;background:url(../images/icon/ico-check-off.png)50%/22px no-repeat;box-sizing:border-box;} 
.chk-basic input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:0;left:0;width:22px;height:22px;background:url(../images/icon/ico-check-on.png)50%/22px no-repeat;;}

/* basic 라디오 */
.radio-basic input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; } 
.radio-basic input[type="radio"] + label{display:inline-block;position:relative;padding-left:30px; font-size:18px;cursor:pointer;} 
.radio-basic input[type="radio"] + label:before{content:'';position:absolute;left:0;top:1px;width:22px;height:22px;text-align:center;background:url(../images/icon/ico-radio-off.png)50%/22px no-repeat;box-sizing:border-box; } 
.radio-basic input[type="radio"]:checked + label:after{ content: '';position:absolute;top:1px;left:0;width:22px;height:22px;background:url(../images/icon/ico-radio-on.png)50%/22px no-repeat;}

.info-wrap .form-tit { font-size: 16px; font-weight: 600; color: #000; } 
.info-wrap .form-item { max-width: 100%; margin-top: 40px; } 
.info-wrap .form-item input{font-size:18px;}
.info-wrap .form-item .ipt { width: 100%; margin-top: .7em; padding:.75em 1.5em; border-radius:30px; border:1px solid #dbdbdb; background-color:#fafafa } 
.info-wrap .ipt-divide { display: table; width: 100%; } 
.info-wrap .ipt-divide .ipt-divide-con { display: table-cell; } 
.info-wrap .ipt-divide .ipt-divide-con:not(.txt) { width: 250px; } 
.info-wrap .ipt-divide .ipt-divide-con.txt { padding-left: 10px; } 

.form-item .upload{position:relative;width:655px;}
.form-item .upload .ipt{}
.form-item .upload .upload-btn{position:absolute;top:28px;right:20px;display:inline-block;color:#333;}
.form-item .upload .upload-btn i{display:inline-block;width:15px;height:15px;margin-left:6px;background:url(../images/icon/ico-up.png)50%/14px no-repeat}

.form-item .upload-file{display:inline-block;padding:10px 0 0 27px;color:#989898}

.box-wrap{margin-top:20px;padding:30px;border-radius:10px;border:1px solid #dbdbdb;background:#fafafa;}
.box-wrap .bold{padding-bottom:10px;font-weight:700;}
.box-wrap .blue-txt.lg{font-size:18px;}
.box-wrap p{line-height:26px;}


.bt-policy{margin-top:40px;padding-top:40px;border-top:1px solid #dbdbdb;}
.bt-policy .policy-tit{padding-bottom:15px;font-size:18px;font-weight:700;}
.bt-policy .policy-txt{color:#636363;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:-.3px;}
.bt-policy .policy-box{margin-top:30px;border-radius:10px;border:1px solid #dbdbdb;background:#fafafa}

.bt-policy .chk-basic input[type="checkbox"] + label:before{width:20px;height:20px;background:url(../images/icon/ico-agree-off.png)50%/20px no-repeat;}
.bt-policy .chk-basic input[type="checkbox"]:checked + label:after{background:url(../images/icon/ico-agree-on.png)50%/20px no-repeat;}

.bt-policy .policy-box .all-check{padding:20px;border-bottom:1px solid #dbdbdb}
.bt-policy .policy-box .check-list{padding:20px 25px}
.bt-policy .policy-box .check-list .toggle-wrap:nth-child(1){padding-bottom:.5em;}
.bt-policy .policy-box .check-list .toggle-wrap .check-inner{overflow:hidden;}
.bt-policy .policy-box .check-list .toggle-wrap .chk-basic{float:left;}
.bt-policy .policy-box .check-list .toggle-wrap a{float:right;font-size:14px;color:#999;letter-spacing:-.3px;}

.check-list .toggle-wrap .toggle-con{padding:1em;}
.check-list .toggle-wrap .toggle-con table{font-size:14px;font-weight:400}
.check-list .toggle-wrap .toggle-con table th{padding:.25em;;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.check-list .toggle-wrap .toggle-con table td{padding:.25em;border-bottom:1px solid #dbdbdb}
.bt-policy .all-check .chk-basic input[type="checkbox"] + label{font-size:18px;font-weight:700;}
.bt-policy .chk-basic input[type="checkbox"] + label{font-size:16px;font-weight:400;}


@media screen and (max-width: 1860px){
  .soon-container{height:auto;}
  .cfp .content{padding:60px 90px}
  .soon-container .content{position:initial;}
  .soon-container.cfp .main-bt{position:initial;padding:0}
}

@media screen and (max-width: 1580px){
  .soon-container{height:auto;}
  .cfp .content{padding:60px 90px}
  .soon-container .content{position:initial;}
  .soon-container.cfp .main-bt{position:initial;padding:0}
  .cfp .sm-video{height:200px;margin-top:0;}
  .cfp .right-con .box-video{margin-top:0;}
}

@media screen and (max-width: 1280px){
  .soon-container .content{position:initial;max-width:580px;margin:0 auto;padding:50px 0;}
  .cfp .left-con{float:none;width:100%;}
  .cfp .left-con h2 .tb-br{display:inline;}
  .cfp .left-con h2 .tb-br2{display:block;;}
  .cfp .right-con{float:none;width:100%;padding-top:5em;}
}


@media screen and (max-width:1024px){
  .soon-container.cfp .right-txt{float:none;text-align:center;}
  .soon-container.cfp .right-txt a{min-width:;}
  .soon-container.cfp .right-txt .btn-wrap a{min-width:13em;margin:.3em 1em;padding:.75em 0;font-size:14px;}
  .soon-container.cfp .footer{padding:2em 0 0;text-align:center;}
  .soon-container.cfp .footer p{display:block;padding-bottom:5px;}
}

  @media screen and (max-width:768px){
    .cfp .left-con h2 .tb-br{display:block;}
    .soon-container.cfp .header h1{width:15.125em;height:7em;background-size:15.125em;}
    .cfp .left-con .sub-txt span{display:inline;}
    .soon-container.cfp .header{padding-bottom:1em;}

  }

  @media screen and (max-width:580px){
    .cfp .sm-video{height:170px;}

  }


  @media screen and (max-width:480px){
    .soon-container.cfp{padding:1em;}
    .soon-container.cfp .header h1{width:13.125em;height:6.5em;background-size:13.125em;}
    .cfp .left-con h2{font-size:55px;line-height:62px}
    .cfp .left-con .sub-tit{padding:1em 0;font-size:20px;}
    .cfp .left-con .sub-txt{font-size:15px;}
    .cfp .left-con .info-box .info-inner .box.date{background:#404040 url(../images/icon/ico-date.png)13px 50%/15px no-repeat;}
    .cfp .left-con .info-box .info-inner .box.dead{background:#404040 url(../images/icon/ico-date2.png)13px 50%/15px no-repeat}
    .cfp .left-con .info-box .info-inner .box{padding:0 15px 0 35px;font-size:13px;}
    .cfp .left-con .info-box .info-inner .info-txt{padding-left:10px;font-size:13px;}
    .cfp .left-con .info-sub{font-size:14px;}
    .cfp .left-con .cfp-btn{width:190px;height:50px;font-size:14px;line-height:48px;}
    .cfp .right-con{padding-top:3em;}
    .cfp .sm-video{height:150px;}
    .soon-container.cfp .right-txt .btn-wrap a{min-width:15em;margin:.3em 1em;padding:.75em 0;font-size:14px;}
    .soon-container.cfp .footer p{font-size:12px;}
  }

  @media screen and (max-width:380px){
    .cfp .sm-video{height:120px;}

  }








