@charset "utf-8";
@import url("../../fonts/NotoSansCJK/NotoSansCJK.css");

/* ------ common ------ */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    font-family: "Noto Sans CJK KR";
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

.hidden {
    display: none;
}

/* ------ contents ------ */

#gnb_wrap{
    max-width:800px !important;
}

#landing_container {
    width: 100%;
    box-sizing: border-box;
}

.container {
    position: relative;
}

.container_wrap {
    width: 800px;
    margin: auto;
}
.section{
    position:relative;
    text-align: center;
}
.qa_box{
    background:#c3e9ee;
    padding-bottom:54px;
}
.qa_box .question_box{
    text-align: center;
}
.qa_box .answer_box{
    padding-top:22px;
}
.qa_box .answer_box ul{
    width:741px;
    height:92px;
    border-radius: 46px;
    background:#FFFFFF;
    margin: auto;
}
.qa_box .answer_box li {
    display: flex;
    flex-grow: 1;
    justify-content:center;
    gap:75px;
    vertical-align: middle;
    padding:26px 0;
}
.qa_box .answer_box li > * {
    vertical-align: middle;
    cursor: pointer;
}
.qa_box .answer_box li input[type='radio']{
    width:30px;
    height:30px;
    margin-right:10px;
    appearance: none;
    border:1px solid #000000;
    border-radius: 50%;
    position:relative;
}
.qa_box .answer_box li input[type='radio']:checked:after{
    content:"";
    width:31px;
    height:29px;
    background:url(./images/chk.png) no-repeat 0 0;
    display: block;
    position:absolute;
    top:25%;
    left:67%;
    transform: translate(-50%, -50%);
}
.qa_box .answer_box li img{
    text-align: center;
}

.request{
    width:100%;
    padding:72px 70px 80px;
    box-sizing: border-box;
    background:#FFFFFF;
}
.request .request_info{
    text-align: center;
    padding-bottom:20px;
}
.request .request_info span{
    margin-top:34px;
    display: block;
    font-size:20px;
    color:#bfbfbf;
    letter-spacing: -2px;
}
#name {
    width: 410px !important;
}
#age {
    width: 233px !important;
    margin-bottom: 15px;
    font-family: "Noto Sans KR";
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    font-size:38px !important;
    margin-left: 4px;
    cursor: pointer;
}
#age:focus {
    border: 2px solid #1A20DC !important;
    outline: transparent;
}

.request .input_container .action_btn{
    cursor: pointer;
    background:transparent;
}

.result_view {
    position: relative;
}
.result_view div #result_nm{
    position:absolute;
    top: 77%;
    left:8%;
    transform:translateY(-50%);
    width:23%;
    overflow:hidden;
    text-align:center;
    font-size:28px;
    font-weight:600;
}


.register_view{
    width:100%;
    background-color: #fff;
    padding-bottom:3%;
}
.register_view > ul{
    padding: 3% 5% 0;
    font-size: 25px;
}
.register_view > ul > li{
    padding: 4% 0;
    border-bottom: 2px dashed #ccc;
}
.register_view > ul > li > *{
    padding: 1% 0;
    display: block;
}
.register_view > ul > li > span:first-of-type{
}
.register_view > button{
    width:100%;
    margin:0 auto;
    padding:0 5%;
    border:0;
    cursor: pointer;
    background:transparent;
}
.register_view > button > span{
    display: block;
    font-size:23px;
    width: 100%;
    color:#000;
    text-align: center;
    padding: 15px 0;
    background:#D9D9D9;
}