@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
body{padding:0 0 0 0 !important; margin:0; border:0;  letter-spacing: -0.7px}
html, body, #con-a, #con-b, #con-c, #con-d, #con-e, #con-f, #con-g, #con-h {
}
body,h1, h2, h3, h4, h5, h6,span,p,li,div,ul, input, select{font-family: 'Noto Sans KR', sans-serif!important;}
section{margin:0; border:0; width:100%; display: block; overflow:hidden}
#con-a, #con-b, #con-c, #con-d, #con-e, #con-f, #con-g, #con-h{background-position:center; background-repeat:no-repeat; background-size:contain;}
img{padding:0; margin:0; border:0; vertical-align:top}
*{box-sizing:border-box; border:0; list-style: none}
input::-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder { color: #ccc; } 
input::-moz-placeholder { color: #ccc; }
ul {padding:0; margin:0;}
div {box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family:'Noto Sans KR', 'Tahoma', 'sans-serif'; font-size:14px; font-weight:400; letter-spacing:-1px; outline:none; color:#101010;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }

/******* galaxy *******/

.bodyWrap {
    position: relative; max-width:700px; margin:0 auto;  top:160px;  z-index: 2550000000;
}

.bodyWrap .hide {
    position: relative;
    height: 100%;
    height: 250px;
    overflow: hidden;
}
.bodyWrap .hideBtn {
   position:fixed; Left:30%; top:50%; right:20%;
    text-align: center;
    width: 40%;
    bottom: 10px;
}

.bodyWrap .hideBtn .light {
    position: relative;
    display: inline-block;
    z-index: 200000;
}

.bodyWrap .hideBtn button {
    width: 100%;
    background: linear-gradient( to right, #a75bd8 10%, #811fc6, #2d0760 95%);
    color: #fff;
    height: 60px;
    border-radius: 20px;
    font-size: 22px;
	z-index:1555500;
}
button {
    -webkit-tap-highlight-color: transparent;
}


#mask {  
	  position:absolute;  
	  z-index:1;  
	 
	  display:none;
	  width: 100%;
	  height:100%;
	  min-height: 2000px;
	  left:0;
	  top:0;
} 

.floatBtn {position:fixed; bottom:-60px; transform:translate(0, -50%); z-index:0;} 
img {max-width:100% !important;}
.landWrap {display:block; height:auto; overflow:hidden;}

.sec03-2 {clear:both; display:block; height:auto; overflow:hidden; background:#4d4949 ; padding: 4px 0 ;}
.sec03-2 .inner {display:flex; flex-direction: row; justify-content: center; overflow:hidden; margin:0 auto; max-width:999px; margin:0 auto;}

.sec03-2 .inner .timeCount {position:relative;}
.sec03-2 .inner .timeCount img {max-width:100%;}
.timeCount {display:flex; align-items: center;  }
.timeCount div#d-day{display:inline-flex; align-content: center; align-items: center ; font-size: 40px; color:#fff400;font-weight:bold; letter-spacing:-2px; top:0px; font-family: 'Verdana', sans-serif!important; }


.sec01 {clear:both; display:block; height:auto; overflow:hidden; background: #fff no-repeat 50% 50%; }
.sec01 .inner {display:block; height:818px ; overflow:hidden; width:798px; margin:0 auto; }
.sec01 .inner .header {display:block; height:auto; overflow:hidden; padding-bottom:0 ; padding-top:10px ; position:relative;}
.sec01 .inner .header .count {float:right; position:relative;}


.sec01 .inner .dc01 {position:absolute; right:0px; top:0px; text-align:right; }

.sec02 {display:block; height:auto; overflow:hidden; position:relative; background:#fff; padding:0px 0;}
.sec02 .inner {display:block; height:auto; overflow:hidden; max-width:798px; margin:0 auto; text-align:center;}

.sec03 {display:block; height:auto; overflow:hidden; position:relative; background:#020513; padding:50px 0 0 0;}
.sec03 .inner {display:block; height:auto; overflow:hidden; max-width:985px; margin:0 auto; text-align:center; }
.sec03-1 {display:block; height:942px; overflow:hidden; background: #000 url(../img/s3_img.jpg) no-repeat 50% 50%; width: 985px; background-size:989px auto;  margin:0 auto;}

.dc01 {position:absolute; left:180px; top:110px; text-align:right; }
.dc02 {position:absolute; left:500px; top:110px; text-align:right; }

.sec04 {
  display: block;  height: auto;  overflow: hidden;  position: relative;  background: #fff;}
.sec04 .inner {
  display: block;  height: auto;  overflow: hidden;  max-width: 798px;  margin: 0 auto;  padding: 20 0}
.sec04 .btnArea {
  display: block;  height: auto;  overflow: hidden;  margin-top: 10px;  text-align: center;}
.formSec {
  display: block;  overflow: hidden;  position: relative;  }
.appForm {
  width: 95%;  height: auto;  background: #eee;  padding: 50px;  margin-bottom: 20px;  float: right;  box-sizing: border-box;
}
.appForm table {
  padding: 0;  margin: 0;  width: 100%;  table-layout: fixed;}
.appForm th, .appForm td {
  padding: 10px;  font-size: 20px;  color: #272a3e;}
.appForm th {
  padding: 10px;  color: #272a3e;  font-weight: bold;  font-size: 20px;  text-align: left;
}
.appForm input[type="text"], .appForm input[type="number"], .appForm input[type="tel"], .appForm select {
  display: inline-block;  width: 100%;  height: 55px;  line-height: 55px;  background: #e0e0e0;  padding: 0 10px;  font-size: 20px;  box-sizing: border-box;

}
.appForm td li {
  float: left;
  width: 32.666%;  height: auto;  overflow: hidden;  margin-right: 1%;
}
.appForm td li:last-child {  margin-right: 0;}

.appForm td input[type="radio"], .appForm td input[type="checkbox"] {
  margin-left: 5px;  width: 20px;  height: 20px;  vertical-align: -3px;}
.appForm td label {
  display: inline-block;  margin-right: 10px;}
.appForm td btnAr {
  display: block;  height: auto;  overflow: hidden;  margin-top: 10px;  text-align: center;}
.appForm .linkbox {
  display: block;  height: auto;  overflow: hidden;  margin: 0 auto;  width: 38%;  line-height: 25px;}
.formSec .appForm .linkbox .ag {
  font-size: 17px;  display: block;	  overflow: hidden;  margin: 0 auto;}
.appForm td .linkTxt a {
  display: block;  text-align: center;  font-size: 14px;  color: #2269d4;  text-decoration: underline;}
.appForm .chkMyPrice .myName {
  width: 140px;
}
.appForm .chkMyPrice .myPrice {
  width: 180px;
}
.sec06 {display:block; height:auto; overflow:hidden; position:relative; background:#0d1c50; padding:20px 0 0px 0;}
.sec06 .inner {display:block; height:auto; overflow:hidden; max-width:985px; margin:0 auto; text-align:center;}
.sec06 .btnArea {display:block; height:auto; overflow:hidden; margin-top:10px; text-align:center;}


#consult-wrap {
	margin: 0px auto; border: 1px solid rgb(187, 187, 187); border-image: none;
}
.consult_ld {
	width: 80%; font-weight: bold; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left; background-color: #fff;
}
.consult_rd {
	font-weight: bold; background-color: #fff;
}
#consult-container > ul > li {
	height: 50px; font-size: 16px; background-color: #fff; padding: 5px;
}
#consult-container > ul > li .t_01 {
	background: rgb(255, 255, 255); width: 20%; height: 30px; text-align: center; padding-top: 5px; border-right-color: rgb(153, 153, 153); float: left;
}
#consult-container > ul > li .t_02 {
	width: 60%; text-indent: 10px; padding-top: 5px; float: left;
}
#consult-container > ul > li .t_03 {
	padding-top: 5px; margin-right: 10px; float: right;
}


.applyList {width:98%; text-align:left; position:relative; height:210px ; overflow:hidden; background:#79819e; float:right; margin-right: 10px; border-radius:10px; }
.applyList .inner {position:relative; margin:20px 20px; height:100% ; text-align:left;  }

.chkMyPrice {position:relative; width:100%; min-width:50%; padding: 10px 7px 0px 5px; overflow:hidden; color:#ffffff; font-size: 24px;  font-weight:normal; text-align:center;  }
.chkMyPrice input[type="text"], .chkMyPrice input[type="number"] {display:inline-block; height:65px; line-height:45px; background:#eeeeee; border:5px solid #534bdf; padding:0 6px; font-size:24px; color:#2B2B2B; border-radius:8px; }
.chkMyPrice .myPrice {width:280px;}


.footer {clear:both; display:block; height:auto; overflow:hidden; text-align:center; background:#fff;  margin:0 auto;}
.footer .inner {display:block; overflow:hidden; max-width:798px; margin:0 auto; padding:0px 0 100px 0 ; }
.f1 .bt2 { align-items: center; align-content: center;  text-align: left; line-height:10px; font-size:16px; color:#373737; letter-spacing:0px ;}
.footer .inner .txt {line-height:22px; font-size:16px; color:#373737; letter-spacing:0px ; margin:0;}
.footer .txt em {display:inline-block; padding-right:15px; margin-right:15px; position:relative; vertical-align:middle;}
.footer .txt em:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#999;}
.f1 {display: flex; align-items: center; padding-left: 10px}

@media (max-width: 480px) {
	.sec03-2 .inner img {width: 80%;}
	.timeCount div#d-day{ font-size:22px; }
 
	.landWrap .sec01 {background: url("../img/s1_phonebg1.jpg") no-repeat 50% 50%; background-size:700px 420px; background-position:50% 0;}
	.landWrap .sec01 .inner {display:block; height:420px ; overflow:hidden;}
	.landWrap .sec01 .inner img {max-width:95%; margin: 12 0 12 0 }
    .sec01 .inner .btnSet {display:block; overflow:hidden; position: relative; margin-top: 20px; margin-bottom: 10px; width: 80%; }
	
	.sec02  {padding:5px 0;}.sec03 {padding:5px 0;} .sec04 {padding:5px 0;} .sec05 {padding:5px 0;} .sec06 {padding:5px 0;} .sec07 {padding:5px 0;}
    .sec02 .inner .title >img {width:300px; margin:0 auto;}
    .sec03 .inner .title >img {width:300px; margin:0 auto; text-align:center;}
    .sec04 .inner .title >img {width:300px; margin:0 auto; text-align:center;}
    .sec05 .inner .title >img {width:300px; margin:0 auto; text-align:center;}
	.sec06 .inner .title >img {width:300px; margin:0 auto; text-align:center;}

	.sec03-1 {display:block; height:1293px ; overflow:hidden; background: #000 url("../img/s3_img_m1.jpg"); background-size:400px auto;  margin:0 auto;}
	.dc01 {width: 70px; right:10px; top:0px; text-align:right; }
    .dc02 {width: 70px; left:280px; top:20px; text-align:right; }
 
	
}
@media (max-width: 640px) {
	.bodyWrap .hideBtn {
   position:fixed; Left:10%; top:50%; 
    text-align: center;
    width: 80%;
}
	.sec03-2 .inner img {width: 80%;}
	.timeCount div#d-day{ font-size:28px; }
	.appForm .linkbox {width: 50%;  line-height: 25px;}
	.floatBtn {bottom:-35px; transform:translate(0, -50%); } 
	.sec01 .inner img {max-width:70%; margin: 45 0 40 0 }
	.sec01 .inner .header {display:block; height:auto; overflow:hidden; padding-bottom:0 ; padding-top:0 ; position:relative; }
	.sec01 {background: #000 url("../img/s1_phonebg1.jpg") no-repeat 50% 50%; background-size:1000px auto; background-position:50% 0;}
	.sec01 .inner {display:block; height:600px ; overflow:hidden; width:100%; }
	.sec01 .inner .iphone >img {width: 30%; }
    .sec01 .inner .btnSet {display:block; overflow:hidden; position: relative; margin-top: 20px; margin-bottom: 10px; width: 80%; }
    .f1 .bt2 {line-height:20px; font-size:14px;}
    .formSec {display:block;  overflow:hidden; position:relative;  }
}

@media (max-width: 1024px) {
	.sec01 .inner .header .count .numCount { position:absolute; right:135 ; top:48%; font-size:45px; letter-spacing:7px; }
	.sec01 .inner .header .count img {width: 700px;}
	.sec03 .inner .pc { display:block;}
	.sec03 .inner .mo { display:none;}
	.section01 {padding:80px 20px 60px 20px;}
	.section03 .inner .preList {padding:0 20px;}
	.section04 .inner {padding:0 10px;}
	.section05 {padding-bottom:60px;}
	.formSec {display:block; height:auto;}
	.appForm {width:95%; margin-bottom:5px;}
	.chkMyPrice {position:relative; left:unset; top:unset; clear:both; display:block;}
	.applyList {width:95%;}
	.appForm td, .appForm td label {font-size:22px;}
	.appForm {width:98%; height:auto; padding:50px; margin-bottom: 20px; }
	.applyList {width:98%; text-align:left; position:relative; height:400px ; overflow:hidden; margin-right: 10px;  }


}