<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*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}
.clfix{}
.clfix:after{content:'';display:block;clear:both;}

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;}
.check_box {padding:40px 0;margin:0 auto;background:#31a889;border-top:5px solid #fff200;text-align:center;}
.i_box {position:relative;width:839px;height:141px;margin:-20px auto 0;padding:30px;font-size:0;background:url(../img/check_box.png)no-repeat;z-index:10;}
.i_box &gt; div{width:100%; text-align:center; display:flex; justify-content:space-between;}
.i_box &gt; div:last-child{padding:0 60px;display:flex; justify-content:space-around;}
.i_box span {display:inline-block; vertical-align:middle;}
.i_box span input {display:none;}
.i_box span label {display:inline-block;padding-left:34px;background:url(../img/check.png)left center no-repeat;background-size:26px 27px;vertical-align:middle;font-size:24px;letter-spacing:-1px;color:#24322e; font-family: 'S-CoreDream-5Medium';}
.i_box span input:checked + label {background:url(../img/check_on.png)left center no-repeat;background-size:26px 27px;}
.i_box:after {content:''; position:absolute; left:-20px; bottom:-30px; width:107px;height:94px; background:url(../img/img1.png)no-repeat;}

.box {padding: 45px 40px 20px; background: #1e2321; border-top:5px solid #c2a4ff;}
.gein {padding:20px;border:2px solid #fff;border-radius:20px;color:#fff;}
.gein dt {margin-top:-40px;margin-bottom:10px;font-size:21px; font-family: 'S-CoreDream-6Bold';}
.gein dt span {display:inline-block;padding:0 5px;background: #1e2321;}
.gein dd {margin-bottom:2px;font-size:16px;font-family: 'S-CoreDream-3Light';/* font-weight: 300; */}
.gein dd img {margin-right:5px;vertical-align:middle;}
.agree {text-align:right;color:#fff;font-size:15px;font-family: 'S-CoreDream-3Light';}
.agree input {margin-right:5px;}

.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: #1e2321;}
.input_form ul li {font-size:0;}
.input_form ul li &gt; 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 &gt; span:nth-child(1) {width:13%;font-size:22px; color:#fff; }
.input_form ul li.tr1 &gt; span:nth-child(2) {width:24%;}
.input_form ul li.tr1 &gt; span:nth-child(3) {width:15%;font-size:19px; color:#fff; text-align:center; letter-spacing:-1px;}
.input_form ul li.tr1 &gt; span:nth-child(4) {width:14%;}
.input_form ul li.tr1 &gt; span:nth-child(5) {width:2%;font-size:22px; color:#fff; text-align:center;}
.input_form ul li.tr1 &gt; span:nth-child(6) {width:15%;}
.input_form ul li.tr1 &gt; span:nth-child(7) {width:2%;font-size:22px; color:#fff; text-align:center;}
.input_form ul li.tr1 &gt; span:nth-child(8) {width:15%;}

.input_form ul li.tr2 &gt; span:nth-child(1) {width:13%;font-size:22px; color:#fff; text-align:left;}
.input_form ul li.tr2 &gt; span:nth-child(2) {width:24%;}
.input_form ul li.tr2 &gt; span:nth-child(3) {width:14.5%;}
.input_form ul li.tr2 &gt; span:nth-child(4) {width:24.25%;}
.input_form ul li.tr2 &gt; span:nth-child(5) {width:24.25%;}
.input_form ul li.tr2 button {text-align:center;display:inline-block;width:100%;height:50px;color:#fff;font-size:20px;font-family: 'S-CoreDream-3Light';background: linear-gradient(to bottom, #b87fff,#6b52a1);border-radius:5px;border: 1px solid #dfdfdf;font-weight:600}

.ok a {display:inline-block; width:100%; margin-top:25px;padding: 0 5px;text-align:center;color:#fff;font-size:40px;font-family: 'S-CoreDream-6Bold';background: linear-gradient(to bottom, #b87fff,#6b52a1);border-radius:10px;border: 1px solid #dfdfdf;font-weight:600; cursor:pointer;}

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

@media screen and (max-width:900px){
.c_tit {width:100%;}

.check_box {padding:4.4444vw 3%;border-top:0.5556vw solid #fff200; }
.i_box {position:relative;width:100%;height:16.6667vw;margin:-2.2222vw auto 0;padding:3.3333vw;font-size:0;background:url(../img/check_box.png)no-repeat;z-index:10;background-size:100% 100%;}
.i_box &gt; div{width:100%; text-align:center; display:flex; justify-content:space-between;}
.i_box &gt; div:last-child{padding:0 6.6667vw;display:flex; justify-content:space-around;}
.i_box span {display:inline-block; vertical-align:middle;}
.i_box span input {display:none;}
.i_box span label {display:inline-block;padding-left:3.7778vw;background:url(../img/check.png)left center no-repeat;background-size:2.8889vw 3.0000vw; vertical-align:middle;font-size:2.6667vw;color:#24322e; font-family: 'S-CoreDream-5Medium';}
.i_box span input:checked + label {background:url(../img/check_on.png)left center no-repeat;background-size:2.8889vw 3.0000vw;}
.i_box:after {content:''; position:absolute; left:-2.2222vw; bottom:-3.3333vw; width:11.8889vw;height:10.4444vw; background:url(../img/img1.png)no-repeat; background-size:contain;}

.quiz_box {padding:40px 4%;}
.box {padding:5.0000vw 4% 2.2222vw;border-top:0.5556vw solid #c2a4ff;}
.agree label {font-size:2.2222vw;}
.input_form {padding: 0 4% 25px}
.input_form .ok {padding:0}
.ok a {font-size:6.4444vw; border-radius:2.1111vw;}

}

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

.input_form ul li.tr1 &gt; span:nth-child(1) {width:100%;}
.input_form ul li.tr1 &gt; span:nth-child(2) {width:100%;}

.input_form ul li.tr1 &gt; span:nth-child(3) {width:100%; font-size:20px;text-align:left;}
.input_form ul li.tr1 &gt; span:nth-child(4) {width:30%;}
.input_form ul li.tr1 &gt; span:nth-child(5) {width:5%;font-size:20px; color:#fff;}
.input_form ul li.tr1 &gt; span:nth-child(6) {width:30%;}
.input_form ul li.tr1 &gt; span:nth-child(7) {width:5%;font-size:20px; color:#fff;}
.input_form ul li.tr1 &gt; span:nth-child(8) {width:30%;}

.input_form ul li.tr2 &gt; span:nth-child(1) {width:100%;}
.input_form ul li.tr2 &gt; span:nth-child(2) {width:50%;}
.input_form ul li.tr2 &gt; span:nth-child(3) {width:50%;}
.input_form ul li.tr2 &gt; span:nth-child(4) {width:50%; padding-top:5px;}
.input_form ul li.tr2 &gt; span:nth-child(5) {width:50%; padding-top:5px;}

.input_form ul li {vertical-align:top;}
.input_form ul li input {height:40px; font-size:18px;}
.input_form ul li select {height:40px; font-size:18px;}
.input_form ul li.tr2 button {height:40px;}
.input_form ul li.tr3 select {padding-left:15px;}
.input_form .ok img.pc {display: none;width: 100%;}
.input_form .ok img.mb {display: inline-block;width: 100%;}

.gein {padding:3.2222vw;}
.gein dd {font-size:1.5556vw; line-height:1.6;}
.gein dt {margin-top:-5.4444vw;margin-bottom:1.1111vw;font-size:2.0000vw;}
}

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

.input_form ul li select {font-size:16px;}
.input_form ul li.tr1 &gt; span:nth-child(1) {font-size:17px}
.input_form ul li.tr1 &gt; span:nth-child(3) {font-size:17px;}
.input_form ul li.tr2 &gt; span:nth-child(1) {font-size:17px;}
.input_form ul li.tr2 button {font-size:17px;}
.input_form ul li &gt; span {padding:5px 2px 0;}

.agree {font-size:13px;line-height: 1.2;margin-top: 5px;}

}

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

.answer {padding:1.9531vw 0 1.3021vw 55px;}

}


</pre></body></html>