/*common*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
html,body {width:100%;  }
html {/*overflow-y:scroll;*/ overflow-x:hidden; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-wrap:break-word; word-break:keep-all; }
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:0px none;  vertical-align:top; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.8; font-family:'NanumSquare';color:#7d7d7d;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
 
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
 
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
 
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit browsers */
  color:#abb0b7;
}
 
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#abb0b7;
}
 
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#abb0b7;
}
 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#abb0b7;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#wrap {max-width:900px;margin:0 auto;}
.i_box {margin-top:35px;padding-left:55px;font-size:0;text-align:left;}
.i_box span {display:inline-block;vertical-align:middle;margin-right:35px;}
.i_box span input {display:none;}
.i_box span label {display:inline-block;padding-left:50px;background:url(../img/rdo.png)left center no-repeat;background-size:34px 35px;vertical-align:middle;}
.i_box span input:checked + label {background:url(../img/rdo_on.png)left center no-repeat;background-size:34px 35px;}
.box {position:relative; padding: 55px 40px 20px; background: #214099;}
.box .tit {position:absolute;left:65px; top:37px;}
.box .tit span {display:inline-block; padding:0 5px; background:#214099; font-size:21px; font-family: 'S-CoreDream-6Bold'; color:#fff;}
.gein {padding:25px 25px 10px;border:2px solid #fff;border-radius:20px;color:#fff;}
.gein li {position:relative; padding-left:20px; font-size:16px;font-family: 'S-CoreDream-3Light'; color:#fff;}
.gein li:after {position:absolute;content:''; width:11px; height:100%; display:inline-block; top:5px; left:0; background:url(../img/blt.png)no-repeat center top 2px; background-size:11px}
.agree {margin-top:5px; text-align:right;color:#fff;font-size:15px;font-family: 'S-CoreDream-3Light';vertical-align:top}
.agree input {margin-right:5px;}
.agree label {margin-top:-5px; font-size:14px;}

.quiz_box {padding:40px 40px;background:#5aa1be;border-top:5px solid #edbd2c;border-bottom:5px solid #edbd2c;}
.q_box1 {max-width:820px; padding:30px 25px; background:#78c4e3; margin-top:10px; margin-bottom:50px;}
.q_box2 {max-width:820px; padding:30px 25px; background:#78c4e3; margin-top:10px;}
.answer {position:relative;margin-left:55px; margin-top:35px; padding:15px 0 10px 125px;background:url(../img/answer.png)left center no-repeat;background-size:308px 42px;z-index:2;}
.answer input {font-size:30px;width:160px;background:none; border:0;color:#21409a;font-family: 'S-CoreDream-5Medium';outline:0;text-align:center;vertical-align:middle;}
.mt_img {position:relative;z-index:1;margin-top:-50px;}
.mt_img2 {margin-top:50px;}
.input_form ul li input:focus {outline:0;}
.input_form ul li select:focus {outline:0;}
.input_form {padding:0px 65px 25px;background: #214099;}
.input_form ul {}
.input_form ul li {font-size:0;}
.input_form ul li > span {display:inline-block;padding:10px 2px 0;}
.input_form ul li input {display:inline-block;width:100%;padding:0 10px;height:50px;color:#abb0b7;font-sizE:20px;font-family: 'S-CoreDream-5Medium';background:#fff;border:0;border-radius:5px;}
.input_form ul li select {display:inline-block;width:100%;padding:0 10px;height:50px;color:#abb0b7;font-sizE:20px;font-family: 'S-CoreDream-5Medium';border:0;border-radius:5px;background:#fff url(../img/arrow.png)right 10px center no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.input_form ul li.tr1 > span:nth-child(1) {width:13%;font-size:22px; color:#fff; }
.input_form ul li.tr1 > span:nth-child(2) {width:24%;}
.input_form ul li.tr1 > span:nth-child(3) {width:15%;font-size:19px; color:#fff; text-align:center; letter-spacing:-1px;}
.input_form ul li.tr1 > span:nth-child(4) {width:14%;}
.input_form ul li.tr1 > span:nth-child(5) {width:2%;font-size:22px; color:#fff; text-align:center;}
.input_form ul li.tr1 > span:nth-child(6) {width:15%;}
.input_form ul li.tr1 > span:nth-child(7) {width:2%;font-size:22px; color:#fff; text-align:center;}
.input_form ul li.tr1 > span:nth-child(8) {width:15%;}

.input_form ul li.tr2 > span:nth-child(1) {width:13%;font-size:22px; color:#fff; text-align:left;}
.input_form ul li.tr2 > span:nth-child(2) {width:24%;}
.input_form ul li.tr2 > span:nth-child(3) {width:14.5%;}
.input_form ul li.tr2 > span:nth-child(4) {width:24.25%;}
.input_form ul li.tr2 > span:nth-child(5) {width:24.25%;}

.input_form ul li.tr3 > span:nth-child(1) {width:13%;font-size:19px; color:#fff; text-align:left; letter-spacing:-1px;}
.input_form ul li.tr3 > span:nth-child(2) {width:24%;}
.input_form ul li.tr3 > span:nth-child(3) {width:39%;}
.input_form ul li.tr3 > span:nth-child(4) {width:24%;}
.input_form ul li.tr3 > span.email_Tx  {border-radius:5px;}
.input_form ul li.tr3 > span.email_Tx span {display:inline-block;height:50px;line-height:50px;width:50px;text-align:center;vertical-align:top;font-size:20px;color:#abb0b7;background:#fff;border-radius:5px 0 0 5px;}
.input_form ul li.tr3 > span.email_Tx input {width:calc(100% - 50px);background:#fff;border-radius:0px 5px 5px 0px;}
.input_form ul li.tr2 button {text-align:center;display:inline-block;width:100%;height:50px;color:#4c4845;font-size:20px;font-family: 'S-CoreDream-5Medium';background: linear-gradient(to bottom, #7bf4ff,#4ebcc6);border-radius:5px;border: 1px solid #dfdfdf;font-weight:600}
.input_form ul li.tr3 select {background:url(../img/arrow.png), linear-gradient(to bottom,#7bf4ff,#4ebcc6); background-repeat:no-repeat, no-repeat; background-position: right 10px center, center; background-size:16px 10px, cover;  appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#4c4845;border: 1px solid #dfdfdf;padding-left:26px;font-weight:600}

.input_form .btn_subimt {margin-top:25px; height:70px; width:100%; background:linear-gradient(to bottom,#7bf4ff, #4ebcc6); border-radius:10px; border:1px solid #fff; line-height:70px; text-align:center; font-size:40px; letter-spacing:6px; font-weight:900; color:#4b4b4b;}

.pc {display:block;}
.mb {display:none;}

@media screen and (max-width:900px){

.quiz_box {padding:8.0000vw 4%;}
.input_form {padding: 0 4% 25px}
.input_form .ok {padding:0}
.input_form .ok img {width:100%}

.q_box1 {margin-top:1.1111vw; margin-bottom:5.5556vw; padding:3.3333vw 2.7778vw;}
.q_box2 {margin-top:1.1111vw; padding:3.3333vw 2.7778vw;}
.q_box2 img {width:100%; }

.i_box {padding-left:6.111vw;}
.i_box span {margin: 0.111vw 0 0 4.222vw; }
.i_box span:nth-child(2n+1) {margin-left:0;}
.i_box span label {display:inline-block;padding-left:35px;background:url(../img/rdo.png)left center no-repeat;background-size:26px 27px;vertical-align:middle;}
.i_box span label img {height: 4.8889vw;}
.i_box span input:checked + label {background:url(../img/rdo_on.png)left center no-repeat;background-size:26px 27px;}

.answer {margin-top:25px;margin-left:6.111vw;padding:1.9531vw 0 1.3021vw 17.208vw;background:url(../img/answer.png)left center no-repeat;}
.answer input {font-size:2.6042vw;width:17.7778vw;background:none;border:0;outline:0;}
.answer a img {margin:-1.9531vw 0 0 3.9063vw;width:14.1927vw;}

.box { padding: 6.1111vw 4.4444vw 2.2222vw;}
.box .tit {left:7.2222vw; top:4.1111vw;}
.box .tit span {padding:0 0.5556vw; font-size:2.2222vw; }
.gein {padding:2.7778vw 2.7778vw 1.1111vw;border:0.2222vw solid #fff;border-radius:2.2222vw;}
.gein li {padding-left:2.6222vw; font-size:2.0000vw;}
.gein li:after {background-size:1.4323vw;}
.agree {font-size:1.6667vw}
.agree input {margin-right:0.5556vw;}
.agree label {font-size:2vw;line-height:1;}

}

@media screen and (max-width:768px){
.pc {display:none;}
.mb {display:block;}

.q_box1 > img {width:95%;}
.q_box2 > img {width:95%;}

.i_box {margin-top:4.6042vw}
.answer {margin-top:2.6042vw; padding:1.9531vw 0 1.3021vw 13.8889vw;background-size: 34.2222vw;}
.input_form ul li span {display:inline-block;height:5.8594vw;line-height:5.8594vw;padding:0;}
.input_form ul li.tr1 > span:nth-child(1) {width:100%; font-size:3.3333vw;}
.input_form ul li.tr1 > span:nth-child(2) {width:100%;}

.input_form ul li.tr1 > span:nth-child(3) {margin-top:1.3021vw; width:100%; font-size:3.3333vw;text-align:left;}
.input_form ul li.tr1 > span:nth-child(4) {width:30%;}
.input_form ul li.tr1 > span:nth-child(5) {width:5%;font-size:3.3333vw; color:#fff;}
.input_form ul li.tr1 > span:nth-child(6) {width:30%;}
.input_form ul li.tr1 > span:nth-child(7) {width:5%;font-size:3.3333vw; color:#fff;}
.input_form ul li.tr1 > span:nth-child(8) {width:30%;}

.input_form ul li.tr2 > span:nth-child(1) {margin-top:1.3021vw; width:100%; font-size:3.3333vw;}
.input_form ul li.tr2 > span:nth-child(2) {width:50%; padding-right:5px;}
.input_form ul li.tr2 > span:nth-child(3) {width:50%;}
.input_form ul li.tr2 > span:nth-child(4) {width:50%; margin-top:5px; padding-right:5px;}
.input_form ul li.tr2 > span:nth-child(5) {width:50%; margin-top:5px; }

.input_form ul li.tr3 > span:nth-child(1) {margin-top:1.3021vw;width:100%;font-size:3.3333vw;}
.input_form ul li.tr3 > span:nth-child(2) {width:47.5%; margin-top:5px}
.input_form ul li.tr3 > span:nth-child(3) {width:5%; margin-top:5px}
.input_form ul li.tr3 > span:nth-child(4) {width:47.5%; margin-top:5px}
.input_form ul li.tr3 select {background-size:2.0356vw, cover;}

.input_form ul li.tr3 > span.email_Tx span {display:none;}
.input_form ul li.tr3 > span.email_Tx input {display:none;}
.input_form ul li.tr3 > span.email_Tx {font-size:2.3333vw; color:#fff; text-align:center;}

.input_form ul li {vertical-align:top;}
.input_form ul li input {height:5.8594vw; font-size:2.3438vw;}
.input_form ul li select {height:5.8594vw; font-size:2.3438vw; background-size:2.0356vw;}
.input_form ul li.tr2 button {height:5.8594vw; line-height:5.8594vw; font-size:2.3438vw}
.input_form ul li.tr3 select {padding-left:15px; }
.input_form .btn_subimt {margin-top:3.2552vw; height:13.4167vw; line-height:13.4167vw; font-size:5.9063vw; border-radius:1.3021vw;}
}

@media screen and (max-width:500px){

.i_box span label {display:inline-block;padding-left:6vw;background:url(../img/rdo.png)left center no-repeat;background-size:contain;vertical-align:middle;}
.i_box span input:checked + label {background:url(../img/rdo_on.png)left center no-repeat;background-size:contain;}
.i_box span label img {height: 4.467vw;}
}