@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;overflow-x:hidden;font-size:10px}
body {margin:0;padding:0;font-size:1.6rem;font-family:'NanumBarunGothic', sans-serif;color:#444;font-weight:400;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol,dl,dt,dd {margin:0;padding:0;list-style:none}
em,i,address{font-style:normal;font-weight:normal}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
img{max-width:100%;vertical-align:top}
input, button {margin:0;padding:0;}
input,textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
input, select, textarea{border-radius:0;}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}
input[type="submit"] {cursor:pointer;}
table{border-collapse:collapse;}
button {cursor:pointer;font-family:'NanumBarunGothic', sans-serif;}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none; }
label{cursor:pointer}
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:inherit;text-decoration:none}

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


@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothicBold.eot');
    src: url('/css/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothicBold.woff') format('woff'),
         url('/css/fonts/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothic.eott');
    src: url('/css/fonts/NanumBarunGothic.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothic.woff') format('woff'),
         url('/css/fonts/NanumBarunGothic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family:'NanumBarunGothic';
    src: url('/css/fonts/NanumBarunGothicLight.eott');
    src: url('/css/fonts/NanumBarunGothicLight.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumBarunGothicLight.woff') format('woff'),
         url('/css/fonts/NanumBarunGothicLight.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-ExtraBold.eot');
    src: url('/css/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-ExtraBold.woff') format('woff'),
         url('/css/fonts/Pretendard-ExtraBold.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Bold.eot');
    src: url('/css/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Bold.woff') format('woff'),
         url('/css/fonts/Pretendard-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Medium.eot');
    src: url('/css/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Medium.woff') format('woff'),
         url('/css/fonts/Pretendard-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Regular.eott');
    src: url('/css/fonts/Pretendard-Regular.eott?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Regular.woff') format('woff'),
         url('/css/fonts/Pretendard-Regular.ttf') format('truetype');
    font-weight: 400;
}
t
@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Light.eot');
    src: url('/css/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Light.woff') format('woff'),
         url('/css/fonts/Pretendard-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Pretendard';
    src: url('/css/fonts/Pretendard-Thin.eot');
    src: url('/css/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Pretendard-Thin.woff') format('woff'),
         url('/css/fonts/Pretendard-Thin.ttf') format('truetype');
    font-weight: 100;
}

.questionWrap{width:750px;margin:0 auto;letter-spacing:-0.02em;font-family:"Pretendard" !important;}
.questionWrap .detalQuestion .detalQuestionTop{color:#222;font-size:30px;font-weight:700;text-align:center;line-height:48px;margin-bottom:30px;}
.questionWrap input[type="radio"]{width:18px;height:18px;margin-right:10px;cursor:pointer;}

.horizontalQuestion{border-top:2px solid #212121;}
.horizontalQuestion dl{padding:20px 22px;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.horizontalQuestion dl.sexBox{padding:28px 22px;}
.horizontalQuestion dl dt{width:147px;font-size:20px;font-weight:700;}
.horizontalQuestion dl dd{width:calc(100% - 170px);}
.horizontalQuestion dl dd > input{width:100%;height:40px;border:0;background:#f6f6f6;color:#aaa;font-size:18px;text-indent:10px;}
.horizontalQuestion dl dd > input#frm_STEP2_birthday::before{width:100%;content: attr(data-placeholder);}
.horizontalQuestion dl dd > input#frm_STEP2_birthday:valid::before{display: none;}
 ::-webkit-calendar-picker-indicator{width:100%;position:absolute;left:0;opacity:0;}


.horizontalQuestion dl dd ul{display:flex;}
.horizontalQuestion dl dd ul li{flex:1;font-size:18px;color:#777;}

.detalQuestionWrap{position:relative;padding:115px 0 100px;}
.detalQuestionWrap:before{width:100vw;height:100%;content:'';top:0;border-top:1px solid #e1e1e1;left:50%;transform:translateX(-50%);background:#f6f6f6;z-index:-1;position:absolute;}
.detalQuestion{position:relative;box-shadow: 5px 9px 30px 0px rgba(42, 50, 69, 0.15);padding:70px 65px;background:#fff;z-index:1;}
.detalQuestion:after{width:70px;height:70px;content:'';top:-35px;left:50%;transform:translateX(-50%);background:url('/images/common/question_plus_btn.png')no-repeat center top;position:absolute;}


.questionBox{position:relative;margin-top:70px;border:1px solid #ddd;border-radius:50px;padding:20px 60px;background:#fff;}
.questionBox:before{width:100%;height:100%;background:#293f70;border-radius:50px;content:'';top:-10px;left:0;z-index:-1;position:absolute;}
.questionBox .answerQuestion dl{padding:40px 10px;color:#222;border-bottom:1px solid #ddd;}
.questionBox .answerQuestion dl:nth-of-type(n+2){margin-top:20px;}
.questionBox .answerQuestion dl dt{font-size:20px;font-weight:700;padding-bottom:23px;}
.questionBox .answerQuestion dl dd .basicText{font-size:18px;color:#777;margin-bottom:32px;line-height:30px;letter-spacing:-0.03em;}
.questionBox .answerQuestion dl dd .basicText p{margin-top:10px;}
.questionBox .answerQuestion dl dd ul li{font-size:18px;color:#222;}
.questionBox .answerQuestion dl dd ul li:nth-child(n+2){margin-top:22px;}

.submitBox{text-align:center;}
.submitBox input{width:140px;border:0;font-size:18px;color:#fff;font-weight:700;border-radius:50px;text-align:center;background:#293f70;margin:59px 0 56px;padding:19px 0;line-height:1;}
.answer_need{height:42px;margin-top:30px;display:flex;align-items:center;padding:0 10px;color:#e41414;background:#ffecec;font-size:18px;position:relative;top:10px;}
.answer_need:before{width:28px;height:28px;display:inline-block;content:'';background:url(/images/common/question_warning_icon.png);margin-right:10px;}
.answer_need img{margin-right:10px;}



.layerBox .overlay{background:rgba(0,0,0,.3);position:fixed;left:0;right:0;top:0;bottom:0;z-index:1001;}

.layerBox .layerDesign{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1002;font-family:'Pretendard' !important;}
.layerBox .layerDesign{width:580px;margin:0 auto;letter-spacing:-0.02em;overflow:hidden;border-radius:20px;}
.layerBox .layerDesign .layerDesignCont{height:600px;padding:65px 50px;color:#222;background:#fff;}

.layerBox .layerDesign .btnOk{font-weight:700;color:#fff;background:#293f70;line-height:1;padding:26.5px 0;text-align:center;cursor:pointer;font-size:22px;}


.layerBox .layerDesign.layer01 .layerDesignCont{height:275px;font-size:24px;line-height:40px;font-weight:700;padding-top:100px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.layerBox .layerDesign.layer01 .layerDesignCont span{color:#ea7429;}

.layerBox .layerDesign.layer02 .layerDesignCont{font-size:18px;line-height:34px;text-align:center;padding-top:72px;}
.layerBox .layerDesign .event_img{margin-top:40px;}


.layerBox .layerDesign.layer03{}
.layerBox .layerDesign.layer03 dl{font-weight:700;}
.layerBox .layerDesign.layer03 dl dt{font-size:36px;margin-bottom:36px;}
.layerBox .layerDesign.layer03 dl dd{font-size:20px;line-height:40px;font-weight:500;}